How do professional web designers create cross-browser CSS? Is it generally done by hand, or are there toolkits that can streamline the process, like YUI does for JavaScript? I'd prefer to stay away from WYSIWYG editors like DreamWeaver. Thanks!
+2
A:
Most people just design to a common baseline: Firefox and/or Safari and Chrome. under most circumstances, the design will then Just Work with everything except the various versions of IE, for which one simple set of custom rules will fix.
greyfade
2009-09-21 18:07:20
+7
A:
It's generally done by hand.
It typically starts by applying a CSS reset to even the playing field.
And you should aim at standards compliant CSS and then only as a last resort apply hacks for IE (yes I just called it out).
Allain Lalonde
2009-09-21 18:07:20
I rarely need a CSS reset to get cross-browser formatting to work.
Ben S
2009-09-21 18:34:18
Fair enough. HTML spec doesn't define the visual representations of any of the elements, so every browser is free interpret every tag slightly differently. In practice this doesn't yield too many difficulties, but I'd rather know for sure what <strong> means without having to check how every browser defines it.
Allain Lalonde
2009-09-21 19:44:16
+4
A:
WYSIWYG editors are rare very in the professional world.
Toolkits like YUI, jQuery, etc... are very popular since they offer a lot of cross-browser Javascript functionality.
However, for CSS, twiddling by hand with lots of swearing to get IE6 to work is common. Websites like quirksmode can help you out by pointing out browser-specific quirks.
Ben S
2009-09-21 18:08:13
+1
A:
I think they pretty much have learned css compatibility across browsers. There are a multitude of charts on the internet that explains whats supported on each browser in detail and how it affects the rendering of the page.
Jonas B
2009-09-21 18:10:34
+3
A:
For tools & services i tried Browsershot and Spoon:Browsers. Also for tips and tricks, i found this article and this helpful.
Mahesh
2009-09-21 18:32:40