To slice the design into HTML is simple. To make it optimized, SEO friendly and easy to use is quite a job. However, the consumptive part of slicing (the part requiring the most of the talent) is to make XHTML / CSS code cross-browser compatible. Every browser has its “tips&tricks”. You the Internet Explorer and all weird bugs, font interpretation of Safari and so on.

Nevertheless, if you know your job, slicing becomes an art – searching for solutions to slicers’ every day problems. There are a lot of interesting, irritating or common bugs and even more solutions or workarounds.

Browsers Compatibility Tables

First of all, as a slicer you need to check the list what’s possible and what’s not. Many thanks for Peter-Paul Koch who runs and develops QuirksMode.org. And here’s the compatibility thing – the Master Table and a list of individual tables:

• Compatibility Master Table
• CSS 2
• CSS 3
• DOM Core
• DOM HTML
• DOM CSS
• DOM Traversal
• DOM Events
• CSS Object Model View
• HTML5