Group items matching "Working" in title, tags, annotations or url - Web Development, Design & Programming

1More

A Brief Discussion On Web Design Services in Sydney - 0 views

shared by Redesign Unit on 17 Sep 10 - No Cached

1More

Why Your Website Isn't Working Well! - 0 views

customwebsitedesigns.blog.com/...ite-isn%E2%80%99t-working-well Custom Website Design Redesign Your Web

shared by Redesign Unit on 29 Sep 10 - No Cached

7More

CSS techniques I use all the time - 0 views

www.christianmontoya.com/...-techniques-i-use-all-the-time blog css tools webdesign typography design fonts text layout web layouts webdev reference code coding

shared by Soul Book on 01 Apr 10 - Cached

EM calculations Sizing text is always an important part of making a usable design. I start all my CSS files with the following rules: html { font-size:100.01%; } body { font-size:1em; } The explanation for this comes from "CSS: Getting Into Good Coding Habits:" This odd 100.01% value for the font size compensates for several browser bugs. First, setting a default body font size in percent (instead of em) eliminates an IE/Win problem with growing or shrinking fonts out of proportion if they are later set in ems in other elements. Additionally, some versions of Opera will draw a default font-size of 100% too small compared to other browsers. Safari, on the other hand, has a problem with a font-size of 101%. The current "best" suggestion is to use the 100.01% value for this property.
...

Cancel
I used the following calculation: 14px/16px = .875, 18px/16px = 1.125. So my default text at 1 em would translate to 16px for most users, and my small text I sized at .875em which I can trust to result in 14px for most users, while my large text I sized at 1.125em which I can trust to result in 18px
...

Cancel
Safe Fluid-width Columns I work with hybrid fluid layouts all the time, usually with max-width set at anywhere from 900 to 1000px. I usually have floated columns with percentage widths, and browsers will calculate these percentage widths to whole pixel values when rendering the columns.
...

Cancel
...3 more annotations...
A typical problem is the following: when a user has the viewport at a size that makes the outer container 999 pixels wide, if the first column is 60% and the second is 40%, IE 6 will always calculate the two columns as 600 and 400 pixels and as a result, the two will not fit (600+400 = 1 more than 999) and it will drop the second column. This is obviously not intended behavior, and in a world where we still have to use floats for columns (I can't wait for display:table support across all browsers), it's important to work around this problem. I used to give my last column 1 less percent (in this example, it would have 39% instead of 40%, but this would usually result in columns that don't quite fill up the container. Of late I have been giving the last column .4 less percent (in this example, 39.6%), which seems to work perfectly. Browsers will calculate this width and round up, but it will still fit even with an odd container width like 999px and I won't have to worry about dropped columns.
...

Cancel
Filtering for Old Browsers To be honest, I barely support IE 6 nowadays. If there is something special about my layout that doesn't work in IE 6, I will simply filter it out of the CSS that IE 6 understands
...

Cancel
Because old browsers like IE 6 don't support the "first child" selector (right caret >), I can do the following to make sure that IE 6 only gets the basic setting and all the new-fangled browsers get the right result: div#container { width:900px; } html>body div#container { width:auto; max-width:900px; } /* This overrides the previous declaration in new browsers only, IE 6 simply ignores it. */
...

Cancel

Soul Book on 01 Apr 10

Excellent simple collection of CSS tips that are easy to remember and implement. It's an old article, but i think everything is still relevant

<div class="cArrow"> </div><div class="cContentInner">Excellent simple collection of CSS tips that are easy to remember and implement. It's an old article, but i think everything is still relevant</div>

...

Cancel

1More

Best Resources for Submit your Tutorials and Get Traffic | Smashing Buzz - 4 views

www.smashingbuzz.com/...your-tutorials-and-get-traffic Submit Tutorials Share Get Traffic News

shared by Kashif Mehmood Mughal on 08 Apr 10 - Cached

1More

Dive Into HTML5 - 0 views

diveintohtml5.org html5 book tutorial webdesign

shared by Jochen Burkhard on 11 Jan 11 - Cached

1More

Logo design In Canada - 0 views

logoonlinepros.com/...logo_design_in_canada logo design in canada logo design

shared by logo online on 05 Mar 11 - No Cached

1More

Doing It Yourself - Problems You'll Face - 0 views

www.folkd.com/ref.php Web Design NY web developer ny

shared by Dotcomweavers Inc on 20 Jul 11 - No Cached

1More

[how to] FCKeditor Image Upload / Browse Server 2.10.14 - 0 views

forums.phplist.com/viewtopic.php phplist fix howto

shared by Luciano Ferrer on 26 Sep 11 - No Cached

1More

JQuery Scroll to top dynamic plugin - 0 views

www.mattvarone.com/...uitotop-jquery-plugin jquery plugin scroll top

shared by Luciano Ferrer on 07 Sep 11 - Cached

1More

Project Management Software, CRM, Sales, Intranet - thousands of apps - Podio - 0 views

podio.com collaboration projectmanagement productivity management digitaldig

shared by tom studer on 09 Sep 11 - No Cached

1More

40+ Striking Adobe Fireworks Tutorials - 4 views

www.tutoriallounge.com/...king-adobe-fireworks-tutorials Adobe Tutorials designing fireworks tutorial prototyping

shared by Kashif Mehmood Mughal on 15 Oct 09 - Cached

1More

50+ Useful CSS Professional Techniques | Dzinepress - 6 views

www.dzinepress.com/...ul-css-professional-techniques CSS Techniques Tutorials Advanced CSS3 HTML XHTML DHTML

shared by Kashif Mehmood Mughal on 06 Nov 09 - Cached

Kashif Mehmood Mughal on 06 Nov 09

As we know most of the Web designers and developers only scratch the surface of the potent language that is CSS (cascade style sheet), like programming languages, CSS has a quite simple learning twister, normally being used more often in every web project. CSS as language giving many advantages even working in table based design or table-less designs, most of the time our designed pages can easily change after replace a css file with another one. When we working on latest trends, Tab Navigation has been one of the essential element in any contemporary web layout. In order to make sure visitors can properly navigate through the website through our used techniques, here in listed CSS stuff we offering some best and most useful Cascade style sheets with source files which can help for more inspiring developments.

<div class="cArrow"> </div><div class="cContentInner">As we know most of the Web designers and developers only scratch the surface of the potent language that is CSS (cascade style sheet), like programming languages, CSS has a quite simple learning twister, normally being used more often in every web project. CSS as language giving many advantages even working in table based design or table-less designs, most of the time our designed pages can easily change after replace a css file with another one. When we working on latest trends, Tab Navigation has been one of the essential element in any contemporary web layout. In order to make sure visitors can properly navigate through the website through our used techniques, here in listed CSS stuff we offering some best and most useful Cascade style sheets with source files which can help for more inspiring developments.</div>

...

Cancel