Web developer seeks HTML/CSS best practices.
August 4, 2011 12:29 PM Subscribe
What should a web developer read to understand the HTML/CSS usage and best practices that are common on the web today?
posted by pbh to Computers & Internet (5 answers total) 62 users marked this as a favorite
Suppose someone sends me a mock in Photoshop of a page that they want me to turn into (X)HTML and CSS. How do I do that in 2011?
Back in 1999, I feel like the best practice was probably to chop it up into some sort of zero margin table and then re-chop whenever the site got edited. Exotic fonts were mostly transparent gifs. Images overlapping each other were done via adjacent images in a table.
Now I imagine that the answer involves tons of things: CSS2/3, possibly some font rendering through TypeKit or similar, possibly some weird browser compatibility hacks (CSS resets, IE workarounds).
However, for HTML and CSS, I've never really found a "Good Parts" or a particular CSS reset that everyone supposedly uses or what have you. Is there such a thing? I've mostly just seen tutorials for particular effects or layouts. Is there some set of best practices that web designers and/or the people who convert their designs into HTML/CSS use?
I'm not really looking for A List Apart (which feels more like news and/or editorial) or a reference site. I'm more trying to get a set of sensible guidelines to help me write markup that will work on like 95% of browsers without too much hassle. Any books and/or sites would be appreciated, though I imagine a book is more what I'm looking for.
(For background, I'm a programmer whose knowledge of HTML is probably at around HTML 4.01 Transitional and who knows a little but not a lot about CSS.)