Writing Better CSS for Drupal

Writing Better CSS for Drupal

tags

Making style sheets easier to maintain for yourself and others, by fully understanding and leveraging Drupal’s theming system, and thinking of what will happen tomorrow.

We’ve all seen them; style sheets so large and confusing that we ended up adding new styles at the bottom of the file we happened to have open in our editor, instead of looking for a proper location. It’s unacceptable, especially when working together with multiple themers. In this session we’ll take a look at common pitfalls, ways to prevent these situations and keep our styles more sustainable.

Coverage:

• Drupal’s first impression on a themer; CSS from modules
• CSS in themes and the problem with style.css
• Dealing with CSS from modules in your theme
• “Reset” style sheets; different methods and their risks
• How to properly implement a Reset CSS, and why there’s no Reset CSS in core
• 960.gs and other grid frameworks; just when you thought the table layout had left the building
• CSS-related issues in Drupal 6, and contrib tools that can help you work around them
• The state of CSS in Drupal 7
• Thoughts on Drupal 8

Resources