Enter your contact information.
Enter your project information.
Step 3Choose the PHP programmers you want to hire.
Compare Free PHP Quotes
Got Messy CSS? You’re not Alone
*Attention PHP Programmers* - Add A Free Listing! Get more clients.
Woolly, the CSS sheep.
You just got a new web design gig. There’s a blank CSS file staring out from your favorite text editor. This time, you tell yourself, it’s going to be clean and simple CSS. No crazy descendant selector spaghetti code, no resorting to inline styles for quick changes, no !important. Clean, simple CSS built on established best practices.
Three months later you’re trying to figure out why the new #sidebar .row h3.smallHeader rule is going to affect the existing #sidebar .row header h3. You’ve failed. Again. But it’s okay, and you’re not alone.
In fact, CSS guru Nicole Sullivan thinks the reason you’ve ended up where you are again might even be because of “best practices.”
Sullivan is perhaps best known for having wrangled the massive and tangled CSS of huge, complex sites like Facebook into something even mortals can understand. In a talk at this year’s Webstock conference Sullivan calls out some so-called best practices of CSS that might in fact be part of the reason we end up with tangled CSS:
It is time to let ourselves off the hook. There is nothing we could have done by trying harder. There is no magic juju that some other developer has that we don’t. Following our beloved best practices leads to bad outcomes every. single. time.
What are those flawed best practices?
- Classitis!
- Never add an non-semantic element
- Or, a non-semantic class
- Use descendant selectors exclusively
- Sites need to look exactly the same in every browser
No doubt some of Sullivan’s arguments will be controversial with Webmonkey readers, but she has a point: we have best practices, but we still end up with messy, difficult to maintain stylesheets — clearly something in those established practices is not working.
It’s important to note that Sullivan isn’t suggesting throwing out these ideas, just that developers ought to see them less as rules and more as suggestions. For example, don’t litter your markup with classes if you don’t need them, but when you do, don’t feel like adding a non-semantic class is the end of the world.
If you’d like to hear the entire talk, head over to the Webstock site for a video and some slides.
See Also:
- Popular ‘CSS Reset’ Stylesheet Gets an HTML5 Makeover
- Video: Top 5 Mistakes of Massive CSS
- The Future of CSS: Finally, Sane Layout Tools
- Speed Up Your Website With CSS 3
Fri, 29 Apr 2011 16:02:34 GMT
Tags: CSS,
*Attention PHP Programmers* - Add A Free Listing! Get more clients.
CSS
The Future of CSS: Finally, Sane Layout Tools
Woolly, the CSS sheep. HTML5 and CSS 3 offer web designers new semantic tags, fancy animations, server-side fonts and much more, but that’s not the end of the story. The next major development in web design will likely revolve around one of the thi
Quickly Create CSS 3 Animations with ‘Ceaser’
CSS 3 has some awesome new animation capabilities for web developers — rotating objects, fading them in and out and more — but writing the code is a bit more complicated than most CSS rules. To make your animating job a bit easier, developer M
Simplify Your Stylesheets With CSSPrefixer
Woolly, the CSS sheep. CSS 3 has some awesome new features, like 3D transforms, smooth transitions, border images and gradients. Since most browsers already support these features there’s no reason you can’t use them today, provided you grac
IceStar Media are a successful team of website designers, IT consultants and software programmers who have a proven track record in designing and delivering reliable business applications and websites
Stevenage, England GB
ABC Digital is a design studio based in Aotearoa New Zealand. We specialise in web design and development, graphic design / design for print, sound design and audio / soundtrack production.
Mapua, Tasman NZ
Let Hamilton Arts assist you with your web design needs. We can assure you that our design will not only impress but also work within your budget.
Mesa, Arizona US
PHP/MySQL Developer
Zrenjanin, Vojvodina RS
We provide affordable php website design & SEO services to our clients. Our HTML is search engine friendly and builds a solid foundation for your SEO & marketing campaign. WE provide free estimates.
New Port Richey, Florida US
HTML5 Offers ‘Scoped’ CSS for Precision Styling
Developer builds of Google's Chrome web browser now support HTML5's 'scoped' attribute for targeting
Crashing Google Wave Finds New Life in Open Source
Google will shut down its Google Wave real-time collaboration software in April 2012, but the techno
Faster Firefox 8 Hits the Web
Mozilla has cranked out another major release of its Firefox web browser. The latest, Firefox 8, fin
Gate One Puts a Terminal Emulator in Your Web Browser
If you’ve ever needed to connect to a remote server without installing any desktop software or
Clear Firefox Tab Clutter with ‘Snaporama’
Mozilla Labs has released another experimental add-on that tweaks the Panorama, the grouped tab feat
Article Tags
PHP Programmers Articles
Live Help Chat Software
Web Design Quote
Web Design