Archive for the ‘Tricks’ Category

Object Oriented CSS

Tuesday, June 30th, 2009

“How do you scale CSS for millions of visitors or thousands of pages?” This is the question that Nicole Sullivan tried to answer in her presentation at Web Directions North in Denver. Entitled Object Oriented CSS (OOCSS), the concept has since then garnered overwhelming response from the community.

OOCSS is more than just a tool, it is a way of thinking. There are many advantages to adapting this concept. Primarily:

  • It allows you to write fast, maintainable, standards-based front end code.
  • It adds much needed predictability to CSS so that even beginners can participate in writing beautiful websites.

OOCSS is governed by two main principles:

  1. Separate structure and skin
  2. Separate container and content

Take time to check out the Object Oriented CSS presentation. There are 64 slides, but it is definitely worth going through. If the text is hard to read, try viewing in Full Screen mode.

8 Of The Best Free CSS Tutorial Videos

Sunday, March 8th, 2009

10 Things to Factor into your HTML

Monday, August 11th, 2008

Unit PNG Fix Enables Transparent PNG Support in IE6

Wednesday, July 30th, 2008

Peek-a-boo Sliding Animation Done in CSS

Wednesday, July 9th, 2008

CSS Code Formatting

Monday, June 2nd, 2008

Tricky / Impossible HTML Layouts Made Possible Through CSS

Wednesday, May 14th, 2008

Learn CSS Positioning in Ten Steps

Thursday, April 17th, 2008

Step Carousel Effect Using JQuery

Monday, March 24th, 2008

CSS Styled Scrollbars With Mootools and JQuery

Thursday, March 20th, 2008