‘responsive’

For over fifteen years, my blog and Unfinished Business podcast have been popular with website designers and developers.


Responsive Finn

A year ago I travelled to Oslo in Norway to teach a two day responsive design workshop at FINN. The team there have (obviously) been working hard and yesterday they let me know they’d a new responsive design. It looks great

Nutty responsive assumptions

The Stuff and Nonsense nutty boys header is pretty tall and I decided I wanted to reduce its height for small screens, such as phones, in landscape orientation. When I wrote the CSS to make this happen I made some nutty assumptions. In the spirit of sharing our mistakes:

A suggestion for Responsive Design toggle icons

Jordan Moore (who wears rattlesnake skin shoes) on how to give users the option to “Toggle a Responsive Design On and Off”:

Rock Hammer, a curated, responsive project library

If you listen to Unfinished Business, you’ll know that I’m a big, big fan of Hammer For Mac, the app its developers say lets you create HTML builds & templates quicker, more efficiently & more conveniently. Hammer works for us because these days we mostly deliver static HTML and CSS templates, instead of static visuals, and we rarely develop complete sites.

Remembering Jeffrey Veen’s “I don’t care about accessibility”

For anyone who read my I don’t care about Responsive Web Design (from two years ago) and missed the original reference (from almost ten years ago) and therefore the point I was trying to make; that responsiveness should be something we build in, not bolt on.

Am I Responsive?

  • Add your URL to the input field
  • Click GO (reloads the preview) or press Enter (reloads the page)
  • Admire your good work

A little bit of responsive fun from Brisbane based Justin Avery. (Via Jordan Moore who has a name like a country singer but has never drunk moonshine.)

The complete slides from my ‘Fashionably flexible responsive web design’ workshop at New Adventures

I thoroughly enjoyed hosting another Fashionably flexible responsive web design workshop at New Adventures on Wednesday. I got the feeling that everyone enjoyed the day. I know that I did.

ITV’s rebrand and responsive home page

Britain’s first independent television channel, ITV, unveiled both its new logo and a responsive new home page today. I’m a fan of the curvy new logo and how it changes to match a backdrop. The home page is full of thoughtful details too, made all the more interesting to me because my work at STV (the Scottish franchise for ITV) over the last year has tackled many of the same problems.

Brett Jankord: Cross Browser Retina/High Resolution Media Queries

Good work by Brett Jankord:

You can replace, the min–moz-device-pixel-ratio, the -o-min-device-pixel-ratio with a resolution media query. You can also just remove the unprefixed min-device-pixel-ratio.

Filament Group: SocialCount

Yesterday, my friends at ISO and I were discussing the impact that their social media icons have on the performance of their site. (Short story, they add 14 seconds to the rendering time of every page.) Then last night I found SocialCount (via Brad Frost.)

SocialCount is a small jQuery plugin for progressively enhanced, lazy loaded, mobile friendly social networking widgets.

Funny how the universe works.