CODEWITHSUNDEEP
htmlcssweb-deployment
user1763684
user1763684

Reputation: 275

How to develop a solid CSS strategy?

I have taken the time to carefully learn the syntax of HTML5, CSS3, and JQuery.

I would now like to find a good resource that will help me develop a solid "design process." In what little design I've done up to this point, I've usually ended up with a pretty nasty looking .css style sheet with a lot of one-off-isms.

I'm open to any suggestions of a good resource or just some pointers that will help toward a good HTML/CSS design strategy.

Thanks

Upvotes: 0

Views: 152

Answers (2)

user1634459
user1634459

Reputation:

Group your CSS styles, like @DevonRW said above.

Comment your CSS, just like you'd comment longer bits of code. It will help you and other team members in later maintenance.

Be careful, though, of doing something like creating a style definition that just defines the color of something. When using jQuery, you often end up needing to add classes, so that an element can have three or four classes at a given time...but you don't want to start out with three or four. Troubleshooting and making instant sweeping changes to your site styles can get really sticky that way.

One thing I've tried is coming up with a nomenclature for class names: sClassName for regular classes, jqClassName for classes that will be added (or removed) by jQuery. That may or may not be helpful to you, though.

Upvotes: 1

DevonRW
DevonRW

Reputation: 362

Break up your stylesheet into modules: Navigation, content types, header, footer, etc.

Don't use ids for assigning styles. This gives some more information on why that is, and more helpful tips http://oli.jp/2011/ids/

Read http://css-tricks.com/, Chris Coyier always has helpful tips on his site

Upvotes: 3

Related Questions