css

Used this to commit horrible usability crimes at the client's request. Shame.

Just read, “Everything You Know About CSS Is Wrong!” http://www.sitepoint.com/books/csswrong1/ 

I built a Drupal theme I call “chi”. It is based on the Yahoo! YUI Grids CSS foundation. Like the excellent “Zen” theme already written for Drupal, a Drupal theme based on Yahoo! grids CSS can offer an excellent starter theme for Drupal developers and themers.

I recently posted a summary on the benefits of YUI Grids CSS for Drupal theme developers on my blog. You can view it as a screencast, PowerPoint presentation, read a text summary, or download a PDF from this URL:

http://seanbuscay.com/drupal-web-development/yahoo-ui-library-grids-css-drupal-themers

I have included a zip file of the theme code at the end of this post for you to review.

I’ll highlight a few sections of the code and features in the screen shots below.

First, this is a Drupal 6 theme, which utilizes an .info files for themes. A number of theme elements can now be defined within a simple text based .info file rather than within the code of a template.php file. Here’s a screenshot of the included chi.info file.

Note that regions and theme style sheets may be defined in the theme.info file. One important catch is to define the CSS files in the order in which you would like them to load. They are like defining an array in PHP or Java. So, when including a file sheet which resets all fonts and html elements to a base starting point, and then including a style sheet which builds upon that base reset, the load order needs to be considered.

Read More »

• What's YUI Grids CSS and what are its benefits?
• What's in the library?
• How do we use it?

Note: The sound quality on the low res version is somewhat poor. You may want to watch the High Res QuickTime Movie, or just download the PDF to view.

Read More »