Speaking at August’s Be Responsive

I’ll be speaking at Be Responsive Melbourne’s next meetup on August 12, 2014.

My talk will be all things CSS Naming Conventions, covering the benefits to both designers and developers.

Andrew Normand will presenting Responsive Design for Users with Disabilities, looking at some of the challenges and opportunities presented by new design patterns and touch screen devices.

RSVP on Meetup.com and visit the Be Responsive website to sign up to the mailing list.

August Be Responsive meetup

Tuesday, Aug 12, 2014, 6:15 PM

NAB Docklands
Level 3, 700 Bourke Street

8 Adapters Attending

Schedule: Doors will be opened at 6:15pm, starting with food and drink. Talks then Q&A will commence at 6:45pm followed by a group discussion at 8pm.Peter Wilson – CSS naming conventionsDesign can benefit from a naming convention. Truly! Just as web development benefited greatly from design, design can learn a thing or two from development.Thi…

Check out this Meetup →

The HTML5 Document Outline

The MDN page titled Sections and Outlines of an HTML5 Document includes the following warning:

There are currently no known implementations of the outline algorithm in graphical browsers or assistive technology user agents [...] authors are advised to use heading rank (h1h6).

Given the speed at which CSS3 is implemented, this is disappointing. Visitors to this site use modern, capable browsers; it’s a shame not to be able to use the most logical document outline.

Why Use a Naming Convention

In my last post, I mentioned I was trialling the SUIT CSS naming convention as I redevelop this site.  More generically, let’s address why a naming convention should be used at all.

For the purposes of this post, I’m talking specifically about class naming conventions. (While one may have naming conventions for JavaScript functions, variables, and HTML IDs too, they’re not the focus of this post.) Continue reading

Trying the SUIT CSS Naming Convention

I’m in the process of redeveloping this site. The site will still use WordPress but I’ll be adding a custom skin.

I’ve been wanting to try Pattern Lab for a while, so the first step is to create a pattern library. It’s early days, today’s task it to set up a reset and base styles.

Additionally, I’ll be sampling a CSS naming convention I’ve been meaning to try for a little while. A personal project is the perfect opportunity. Continue reading

Relative Unit Based Media Queries

Based on the standard browser font-size of 16px, the following media query to have an affect on screens 160 pixels wide and up.

@media only screen and ( min-width : 10em ) {
  html {
    background-color: #ddd;

Now, I would expect adding the following code would cause the media query above to have an affect on screens 320 pixels wide and up.

html {
  font-size: 2em;

Continue reading

Facebook without JavaScript

Remembering the 90s

John Allsopp had a rant on Twitter recently – as is his want from time to time – he was remarking on vertical rhythm tools around the web and his point boils down to:

This speaks to me of a wider problem; web developers are forgetting the 90s. Continue reading