Comments on: PSD to HTML: When To Style Text? http://www.amuhlou.com/2010/04/09/psd-to-html-when-to-style-text/ musings on work, play, and everything in between Mon, 16 Jan 2012 00:09:00 +0000 hourly 1 http://wordpress.org/?v=3.2.1 By: amuhlou http://www.amuhlou.com/2010/04/09/psd-to-html-when-to-style-text/comment-page-1/#comment-308 amuhlou Sat, 10 Apr 2010 00:10:37 +0000 http://www.amuhlou.com/?p=889#comment-308 Very interesting! I have similar stylesheets, but with slightly different names. Layout, widgets (the interactive type things like tabs etc), reset, and type are the main ones I use. I like the idea of separating form styling out from the rest, I'll have to try that out in the future Very interesting! I have similar stylesheets, but with slightly different names. Layout, widgets (the interactive type things like tabs etc), reset, and type are the main ones I use. I like the idea of separating form styling out from the rest, I’ll have to try that out in the future

]]> By: Rob Winters http://www.amuhlou.com/2010/04/09/psd-to-html-when-to-style-text/comment-page-1/#comment-307 Rob Winters Fri, 09 Apr 2010 23:52:17 +0000 http://www.amuhlou.com/?p=889#comment-307 On larger projects that normally end up with huge css files I tend to split the css files up purly for workflow reasons. Normally I'll do somthing like this: (first two are always the same) reset.css to reset all my browser defaults base.css to put some basic styles back etc layout.css - headers, footers, columns blah blah elements.css for bits an bobs like carousels, tabbed areas, photo gallery's etc forms.css err for forms and finally type.css for all the fonty bits. When the site is no longer in development I'll merge the css files into one or use a server side script to roll them all up when the page is requested to reduce the number of http requests. On smaller projects I'll simply stick it all in one file from the start. On larger projects that normally end up with huge css files I tend to split the css files up purly for workflow reasons.

Normally I’ll do somthing like this: (first two are always the same)

reset.css to reset all my browser defaults
base.css to put some basic styles back etc
layout.css – headers, footers, columns blah blah
elements.css for bits an bobs like carousels, tabbed areas, photo gallery’s etc
forms.css err for forms
and finally type.css for all the fonty bits.

When the site is no longer in development I’ll merge the css files into one or use a server side script to roll them all up when the page is requested to reduce the number of http requests.

On smaller projects I’ll simply stick it all in one file from the start.

]]>