Drupal 7

Its relatively easy to hide content in Drupal using CSS, however its a whole different ball game to hide content and keep it accessible to all site visitors. Disabled web users may be using a screen reader or other Assistive Technology. For Drupal 7 we wanted a way to hide content that worked in all browsers and avoided many of the issues associated with current techniques.

The idea was to develop a new CSS class that could be applied to any element we needed to hide. We called this class .element-invisible and set about testing properties and values to make this work, in all browsers and all AT devices. First lets look at some of the current techniques we looked into and tested for Drupal 7, then I’ll introduce a new technique I came up using the little known clip property and see how it stacks up - I think you’ll be intrigued.

As many of you may know Bartik is one of the candidate themes for Drupal 7 - we only have until the 17th of May to bring it up to core worthiness so if you’re a front end developer your help is needed, and its needed now.

A recent project used the Google Calendar widget - this is embedded in a iframe (in a standard Drupal block) and thus can’t be styled with CSS as per normal - but we wanted to style it to match the overall design.

After a bit of hunting around for a solution I found this: MyGoogleCal. The download link is a bit hidden - grab it directly here…

Myself, like many others, have always had an acrimonious relationship with the word “node”. It didn’t exactly get off to a good start when node presented me with a rude “wtf” moment when we first met. Things only went down hill after that, node remaining aloof and abstract, without ever just coming out and telling me what it actually was.