Abstracting styles so they are reusable and clearly named is rarely straightforward. Here are some patterns to look for that will ease the pain when styling lists.
Blog posts by John
- September 17, 2014
- February 20, 2014
The upcoming release of Compass 1.x will feature some nice improvements in how our CSS handles cross-browser support.
- August 27, 2013
I love hearing about new Compass and Sass tools and am always chomping at the bit to try them out. That can turn into a pain if I, or anyone else, update to the latest, greatest new gem hotness and get out of sync with the rest of the team. Managing versions can turn into a pain, but it doesn't have to.
- May 01, 2013
The Component, Element, Modifier pattern increases the reusability and maintainability of CSS code by scoping CSS styles to particular components through the use of class naming conventions.
- February 15, 2013
I was super excited last year when I heard a DrupalCon was to be thrown in Sydney, Australia in 2013.
- November 29, 2012
In school, I took a number of drawing courses as prerequisite to the Visual Communications program in which I eventually enrolled.
- October 11, 2012
Maintaining CSS on large Drupal sites or ones that go through frequent revisions can become a nightmare if you're having a free-for-all in your stylesheets. You need structure.
- September 12, 2012
Vertical rhythm and baseline grids are age old tools used by designers to help aid the placement of content within a layout. This post is focused on the 'how' not so much the why.
- July 24, 2012
Last weekend, Ken and I headed to MIT for the 4th annual Design for Drupal Boston—one of the few Drupal camps geared specifically toward design and front-end development.
- June 22, 2012
Implementing any type of modular CSS requires fine grain control over classes in your HTML. In my last post, we looked at how we can easily add classes to blocks in Drupal using preprocess functions. Now let's apply the same technique to fields. Fields are a fundamental building block of any Drupal 7 site. Fields contain content and content is king. Before we dig in and start classing up our fields, let's look at how they are rendered to the screen.