Home

Design News:

10 Principles of the CSS Masters

10 excellent CSS principles to make your stylesheets easier to navigate, smaller in size and give you more control over how your website looks.

Comments (4)

what I really, really hate, is overblown CSS geniuses trying to elevate their personal preferences to the level of CSS DOGMA - from an unhealthy aversion to tables (doing all kinds of gyrations like an underage Chinese gymnast ) to, in this case, advocating mangling all CSS declarations unto one line.

Nothing particularly noteworthy in the article, the real gems are in the comments. Thumbs up nonetheless

#1: mark on 09/01 at 10:41 PM

It’s a shame people are rating this down and Mark’s not so happy with it. I know what you’re saying about ‘CSS geniuses’, at the end of the day they’re most likely no better than a majority of visitors to this site.

But I did think some of their points were valid, I came across the article and thought ‘yeh, there’s some insightful stuff here’ and so posted it on here. But obviously others don’t feel the same way.

I know it’s easy when you’re a wizz at CSS to knock this kind of articles down but I know when I was learning CSS I would have found something like this useful. Stuff like shorthand CSS, centering layouts and negative margins took me ages to discover, and it was only through hours of poring over other site’s code to learn it.

Anyway, Nettuts is still a great resource even if this post didn’t tickle your fancy.

#2: Nathan Beck on 09/02 at 07:12 AM

I’m not a wizz (or whiz) at CSS (tho I have literally taken a wizz on a few articles here or there) :)

The negative ratings and vote downs on this article are alas, well deserved.
First is personally (misguided) opinion being presented as fact: namely, gobbledygooking well formed CSS into one line as an aid to efficiency (when it was most clearly shown to be not so)

The negative margin ‘tip’ has to be taken with a grain of salt, so much salt in fact, that your blood pressure would go through the roof as you hunt down hitherto unencountered bugs in the browser everyone loves to hate, IE and it’s ilk! ( I hate CSSHOLES who code,test, teach and pretend that IE doesnt exit, 60% userbase be dammed!)

overall, the article was still somewhat good (and I said as much) except of course for the silly bits.

#3: mark on 09/03 at 04:20 AM
Commenting is not available in this weblog entry.

News Tools &
Other Resources

CSS Compressor

Use this tool to compress your CSS code, with three levels of compression to choose from!

CSS AutoPrefixer

Intelligently add CSS vendor prefixes to your CSS code. Just paste and copy!

Image to Color Palette Generator

Get the primary colors of any image in hex format with this online tool!

Image Optimizer

Use this tool to easily optimize regular gifs, animated gifs, jpgs, and pngs, so they load as fast as possible.

Button Maker

Use this tool to easily create those popular 80x15 micro buttons you see on web sites everywhere.

FavIcon Generator

Generate a favicon using any regular image with this tool. A favicon is a small, 16x16 image that is shown inside the browser's location bar and bookmark menu when your site is viewed.

Ribbon Rules Generator

Create alternating colored horizontal rules quickly with this new Web 2.0 tool.

.htaccess Banning Generator

Generate the necessary .htaccess code to ban visitors based on their IP address, referrals, or disable hotlinking on the desired file types on your server, such as images.

.htaccess Password Generator

Generate all the necessary codes needed to password protect a directory or selects files within it on your site using .htaccess.



Partners & ResourcesOur
Partners


CSS Forums News

Dynamic Drive forums | Register

The Latest Comments

All images and content copyright © 2017 CSS Drive. Contact Info | Back to Top
Affiliate Discloser: We receive a commission from purchases through some links on this site