Abstract Sequential Stephanie Hobson's abstract thoughts in the sequence she has them.


How To Debug CSS

Some quick notes and links for the talk I gave at WordCamp Vancouver about Debugging CSS. Edit: You can now watch a recording of Debugging CSS. Spot the three projector failures! Steps Is the HTML valid? Is the CSS valid? Is the right CSS being applied? Is what you typed being applied? Is other stuff […]

Mobile First Is Performance First

Tonight I spoke at Vancouver Web Performance Meetup and I promised to share my slides so here they are: Mobile First Is Performance First from Stephanie Hobson If what you’re really after are the links, let me save you a bit of time: Patrick Hamann – Building theguardian.com (slides) and Breaking News at 1000ms (video) […]

Conference Debrief: Smashing Conference Whistler 2014

A few weeks ago Smashing Conference came to Whistler. This caliber of conference comes to Canada infrequently so I couldn’t not go ;) The conference As good as I hoped it would be. A mix of strategy and near future technology examples. My Favourite Talk Building the next-generation of theguardian.com, by Patrick Hamann Slides The […]

Making Websites Better for Everyone

There’s a few different versions of my talk floating around now. I’m really excited and humbled to hear that people have been making changes to the way the work in response to something I said. The most detailed (and longest) version of my talk is available to watch on WordPress TV. My first slide deck […]

Intro to Google Tag Manager

Google Tag Manager (GTM) is still pretty new as I write this. Stuff is still changing so I’m going to try to focus on techniques rather than step by step instructions (but I have some of those too). What is GTM You include a code snippet from GTM on your site which, among other things, […]

Accessibility with CSS: Making Websites Better for Everyone

Last night I spoke at the Style & Class Meetup about Accessibility and CSS. Posting the slides here for posterity: Accessibility with CSS: Making Website Better for Everyone Resources Intro to Accessibility WCAG Validator Intro to ARIA :Focus and keyboard accessibility High contrast CSS Sprites Bullet Proof Accessible Icon Fonts The Offscreen Class Floating Form […]

A Matter of Semantics

Adapted from a blog post on Web Services’ blog at BCIT, the audience was our content community: people who contribute content using the CMS, with little to no technical experience. Once, as part of a “getting to know you” activity at summer camp, I played a game where I was given a drawing and another […]


I spoke at an HTML5 Code Camp the other day on HTML5 forms because HTML5 forms are cool! They’re so cool you can use most of them today anywhere you have a text field to increase functionality for your users! HTML5 Forms OF DOOM from stephaniehobson Download the slides. Sample form. Finished form (no peeking). […]


I’m taking a one year leave of absence from my job at BCIT beginning June 1st, 2012. Right now it kind of feels like I’m doing this because I’m crazy. I’m really doing it because there’s stuff I want to do. I want to build something cool. I want to learn something new. I want […]

Print Styles Are Responsive Design

Print styles are the original responsive designs. Using media queries we pare down the content, focus on readability, and design with different device capabilities in mind but when was the last time you took a good look at your print styles? Yes, people still print web pages. Extrapolating from these numbers about 10,000 pages are […]

← Before After →