Comments on: CSS Reusable Classes

By: PiccoloPrincipe

PiccoloPrincipe — Fri, 30 Jan 2009 21:41:29 +0000

@Michael:
It’s not the use of css classes that I’m discussing, it’s the naming.
.highlight is an acceptable name, but .indent is not: if you write up a custom css for iphones, you will be stuck with a indent class that does not indent; in case of layout changes you can move a menu easily changing float rules, at the price of living with a .float-left class that sends div to right…

By: Michael Kubler

Michael Kubler — Fri, 30 Jan 2009 15:55:52 +0000

In response to Piccolo, I have to say that by having the CSS classes, you can easily change them when, for example, the client decides they want all indenting to be a little bit less (cause they are using an iPhone), or maybe a little bit more (because they are using a 24″ LCD. Or maybe they want to change the colour of the highlighted text, which you can do with a single line, rather than changing possibly hundreds of lines of HTML.
Also, it’s nicer on the developer to string together a couple of classes to achieve the desired effect, although if you are using more than 3 at once, you probably want to make a new class.

By: Matt

Matt — Wed, 10 Sep 2008 01:45:16 +0000

What’s the point of using a css class that has a presentation aware name? You could use directly a style attribute to obtain the same effect.. Style sheet purpose is to separate semantic code (xhtml) from its presentation: using these classes you embed presentation deep in html, with all the issues of this approach.

Thank you for the comment, I understand your point and think it’s a valid one. All i have to say is that the point of these classes is to save time and don’t repeat code cause when you code similar sites each day it does make a difference ( at least for me ).

By: Piccolo Principe

Piccolo Principe — Tue, 09 Sep 2008 22:31:19 +0000

What’s the point of using a css class that has a presentation aware name? You could use directly a style attribute to obtain the same effect.. Style sheet purpose is to separate semantic code (xhtml) from its presentation: using these classes you embed presentation deep in html, with all the issues of this approach.

By: CSS design patterns: Helper classes « maxtoroq.dev

CSS design patterns: Helper classes « maxtoroq.dev — Sun, 17 Aug 2008 07:38:35 +0000

[...] http://www.mattvarone.com/2008/07/css-reusable-classes/ [...]

By: Matt

Matt — Sat, 05 Jul 2008 18:51:15 +0000

nice tip, i will definitely gonna try this out. thank you!

Thanks, Im glad you find it useful