Enter your contact information.
Enter your project information.
Step 3Choose the PHP programmers you want to hire.
Compare Free PHP Quotes
Tame Your CSS With ‘SMACSS’
*Attention PHP Programmers* - Add A Free Listing! Get more clients.
Woolly, the CSS sheep.
CSS is notoriously difficult to organize. The complexity of CSS selectors coupled with ever-changing project requirements and redesigns can quickly turn even the simplest of stylesheets into a snarled, tangled mess of code. Ugly code can be perfectly functional code (if it couldn’t the entire web would have collapsed in on itself long ago), but who wants to maintain barely understood spaghetti code?
We’ve looked at some general suggestions for organizing CSS in the past, the highlight of which is still CSS guru Nicole Sullivan’s suggestions for organizing and maintaining large CSS codebases.
I recently stumbled across another great resource anyone who needs some practical, example-filled advice on how to organize CSS — Yahoo developer Jonathan Snook’s new online book, SMACSS.
SMACSS (pronounced “smacks”) stands for Scalable and Modular Architecture for CSS. Don’t let the overly technical title fool you, Snook’s book is not only highly readable it’s chock full of examples that will help you wrangle your code into something more manageable. Snook calls SMACSS more of a “style guide than rigid framework,” and suggests that it’s best approached as a way to “examine your design process and as a way to fit those rigid frameworks into a flexible thought process.” In other words, it’s a system you can adopt or borrow portions of and adapt to your own work.
The book is available online, either as a single, massive page of HTML or broken into sections. I highly suggest browsing by section since there are comments on each of the pages where readers can ask questions and offer their own suggestions. Throw SMACSS in Instapaper or add it to your bookmarks, it’s well worth a read and likely something you’ll want to refer back to in the future.
See Also:
- Got Messy CSS? You’re not Alone
- Simplify Your CSS With the ‘any()’ Selector
- The Future of CSS: Finally, Sane Layout Tools
- Creating Shapes in Pure CSS
Wed, 05 Oct 2011 16:57:41 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
Get a website for $400.00. Please see our Facebook page for more details. http://www.facebook.com/Computer.Wonders
Dunmore, Pennsylvania US
Skytec Web Hosting is California based internet services company that specializes in web hosting solutions for corporate companies, small business enterprises, webmasters and individuals.
Petaluma, California US
Perlman Creative Group is a Los Angeles based, full service graphic design firm specializing in marketing communication, brand development, logos, packaging, corporate identity and website design.
Marina Del Rey, California US
End of an Era? Chrome Surpasses Firefox
Last month Google's Chrome web browser narrowly beat out Mozilla Firefox to take the number two spot
CSS 3 Box Shadow Showcases Browser Differences
The CSS 3 box-shadow property allows for drop shadows and other gradient-based effects without the n
Update Adds Firefox 4 Engine to Mozilla’s ‘Chromeless’ Project
Mozilla Labs has updated its Chromeless project to version 0.2. The Chromeless project, which was an
‘WTF Mobile Web’ Tracks Terrible Mobile Web Design
Building great mobile websites is not easy, even some of the best in the business get it wrong. Now
A Look at PHP 5.3 Frameworks – Symfony2
Ever since PHP5.3 was released we have seen several new frameworks pop up in the PHP community. I
Article Tags
PHP Programmers Articles
Live Help Chat Software
Web Design Quote
Web Design