Comments on: Maintain a Standard CSS Structure http://www.dannyfoo.com/blog/website-lessons/maintain-a-standard-css-structure/ Malaysia website design blog Sat, 04 Feb 2012 04:00:00 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: Jonathan Ng http://www.dannyfoo.com/blog/website-lessons/maintain-a-standard-css-structure/comment-page-1/#comment-908 Jonathan Ng Sun, 19 Mar 2006 05:05:46 +0000 http://MeandmybuddywerediscussingourCascadingStyleSheets(CSS)woesbecauseofanevilmenuthatrefusedtocenteritself.AfterthetiresometrieswejustmovedonandstarteddiscussingaboutourexistingCSSstructure.Wedecidedwehadtostandardiz#comment-908 One thing I don't like about David's method is it'll be a little troublesome finding your styles. Firstly, you might not even remember what the class/element was called, let alone in what way it was categorized... putting it all in once place (or at least reduce the separation) makes it a little easier IMO.. The only advantage of separating the decorative styles is that you can group those with similar styles together for easy changing.. One thing I don’t like about David’s method is it’ll be a little troublesome finding your styles. Firstly, you might not even remember what the class/element was called, let alone in what way it was categorized… putting it all in once place (or at least reduce the separation) makes it a little easier IMO..

The only advantage of separating the decorative styles is that you can group those with similar styles together for easy changing..

]]> By: Danny Foo http://www.dannyfoo.com/blog/website-lessons/maintain-a-standard-css-structure/comment-page-1/#comment-907 Danny Foo Sun, 19 Mar 2006 04:23:49 +0000 http://MeandmybuddywerediscussingourCascadingStyleSheets(CSS)woesbecauseofanevilmenuthatrefusedtocenteritself.AfterthetiresometrieswejustmovedonandstarteddiscussingaboutourexistingCSSstructure.Wedecidedwehadtostandardiz#comment-907 Hey David, Thanks for sharing and the linkages. As for the font size, I assume you're refering to the comment text. I'll change the color and size of the default right away. :) Cheers. p/s: If anyone feels they've a problem reading any content here, please do tell and try to be specific. Thanks. Hey David,

Thanks for sharing and the linkages. As for the font size, I assume you’re refering to the comment text. I’ll change the color and size of the default right away. :)

Cheers.

p/s: If anyone feels they’ve a problem reading any content here, please do tell and try to be specific. Thanks.

]]> By: David http://www.dannyfoo.com/blog/website-lessons/maintain-a-standard-css-structure/comment-page-1/#comment-906 David Sat, 18 Mar 2006 22:47:41 +0000 http://MeandmybuddywerediscussingourCascadingStyleSheets(CSS)woesbecauseofanevilmenuthatrefusedtocenteritself.AfterthetiresometrieswejustmovedonandstarteddiscussingaboutourexistingCSSstructure.Wedecidedwehadtostandardiz#comment-906 btw, I feel your font size is just a bit too small.. for ppl with high resolution monitors it's tiny. btw, I feel your font size is just a bit too small.. for ppl with high resolution monitors it’s tiny.

]]> By: David http://www.dannyfoo.com/blog/website-lessons/maintain-a-standard-css-structure/comment-page-1/#comment-905 David Sat, 18 Mar 2006 22:46:51 +0000 http://MeandmybuddywerediscussingourCascadingStyleSheets(CSS)woesbecauseofanevilmenuthatrefusedtocenteritself.AfterthetiresometrieswejustmovedonandstarteddiscussingaboutourexistingCSSstructure.Wedecidedwehadtostandardiz#comment-905 Organising your code into logical sections is best. Also, leave lots of comments in your code, not only for the benefit of others, but also for yourself when you revisit your code a few months later and wonder why you put in this rule in the first place. The CSS for David's Web (http://david.itchyhands.com) was the most organised I ever wrote. For my latest work I'm dividing my CSS into broad categories: STRUCTURE - styles that make up the layout. All the positioning rules go here. LAYOUT STYLES - styling for the divs above. I'm separating layout rules from decorative rules. CONTENT STYLES - typography, specific page styles for the site sections MISCELLANEOUS - what it says. Check out the CSS of Douglas Bowman (www.stopdesign.com), Dave Shea (www.mezzoblue.com), John Hicks (www.hicksdesign.co.uk/journla) for ideas and best practices. Organising your code into logical sections is best. Also, leave lots of comments in your code, not only for the benefit of others, but also for yourself when you revisit your code a few months later and wonder why you put in this rule in the first place.

The CSS for David’s Web (http://david.itchyhands.com) was the most organised I ever wrote. For my latest work I’m dividing my CSS into broad categories:

STRUCTURE – styles that make up the layout. All the positioning rules go here.

LAYOUT STYLES – styling for the divs above. I’m separating layout rules from decorative rules.

CONTENT STYLES – typography, specific page styles for the site sections

MISCELLANEOUS – what it says.

Check out the CSS of Douglas Bowman (www.stopdesign.com), Dave Shea (www.mezzoblue.com), John Hicks (www.hicksdesign.co.uk/journla) for ideas and best practices.

]]> By: Jonathan Ng http://www.dannyfoo.com/blog/website-lessons/maintain-a-standard-css-structure/comment-page-1/#comment-904 Jonathan Ng Sat, 18 Mar 2006 15:31:04 +0000 http://MeandmybuddywerediscussingourCascadingStyleSheets(CSS)woesbecauseofanevilmenuthatrefusedtocenteritself.AfterthetiresometrieswejustmovedonandstarteddiscussingaboutourexistingCSSstructure.Wedecidedwehadtostandardiz#comment-904 Dreamweaver here too.. only coz of the pop-up code completers.. i'm a lazy person.. :p Eclipse has similar (and better) features, but it's Java based, so u'll need a kick-ass PC to run it smoothly.. Dreamweaver here too.. only coz of the pop-up code completers.. i’m a lazy person.. :p Eclipse has similar (and better) features, but it’s Java based, so u’ll need a kick-ass PC to run it smoothly..

]]>