This book takes a look at the process involved in maintaining the CSS for high traffic websites, when working in a team environment. It focuses on a few key areas, performance, frameworks, devices, accessibility, testing and debugging as well as the tools and processes you can use to make working in a team environment more productive.
I would like to thank everyone who is part of the CSS Creator Community for their effort, and wish you all a happy and prosperous new year. Thanks specially to those that take the time to answer questions. When you reply to a question, remember that members have different levels of experience and the forums are open to anyone. Some are professional web developers and designers, many are just starting out or building their own personal site. Try to be understanding.
I have talked about generalising your style rules, or in other words, being less specific and simplifying your stylesheets. The basic idea is to write rules for the whole site not specific to a page or element. In theory this is nice, although most of us end up writing rules for specific elements. Working on an existing site you usually have to add a very specific rules to the stylesheet so that nothing else is messed up. That makes for long messy stylesheets.
If it's a new site the simplified build process usually goes something like:
- visual design
Over the weekend I gave the CSS Layout Generator a long overdue update. Over 872,000 templates have been generated since it was first released at the end of 2003. That's a lot of templates, over 100,000 per year. Towards the end of next year it should hit the 1,000,000 mark. For a tool that has been so popular, quietly chugging away in the background, it was looking pretty old. So it was given a fresh face lift. I reorganized the form components to fit together better. Added basic HTML5 support, doctype and tag type selection for the columns.
- IE’s big leap forward; CSS3 selectors fully supported
- CSS Best practice
- Making Sense of Color Codes
- CSS3 PIE
- How To Use CSS3 Media Queries To Create a Mobile Version of Your Website
- 8 CSS preprocessors to speed up development time
- Grokking CSS3 border-image
- HTML5 Canvas experiments
- YouTube launches new HTML5 mobile site
- Chrome Shows Off Some Fancy HTML5 Tricks
- 25 HTML5 Features, Tips, and Techniques you Must Know
- how well does your browser support HTML5?
- App Inventor for Android
- HOW TO: Optimize Your Mobile Site Across Multiple Platforms
- Mobile-friendly: The mobile web optimization guide