Tags: responsive

Secret src

Hammering out the issues around standardising responsive images.

dConstruct optimisation

Tweaking the dConstruct 2012 site for performance.

Left to our own devices

Pop ‘round to the Clearleft office if you want to test a site on our devices.

Conditional CSS

The results are in. Here’s what you came up with to solve the problem of conditional loading with CSS.

Fanfare for the common breakpoint

“Common” breakpoints are the new fold.

Conditionally loading content

Conditional loading is a great technique for responsive designs but we need a better way of communicating between CSS and JavaScript.

Responsive questions

Responding to responsiveness, as prompted by MacUser UK magazine.

Image-y nation

A responsive image technique leads to some nostalgia for the early days of web development.

dConstruct Audio Archive

Seven years of audio goodness gathered together in one place.

Media queries and multiple columns

Responsiveness in the second dimension.

Clean conditional loading

Tidying up some code I used in a 24 Ways article.

Responsible responsive images

A future-friendly approach to mobile-first responsive design.

Detection

Smart defaults are important, especially when it comes to server-side sniffing.

Boston Global Scope

This. This is how we should build for the web.

Re-tabulate

Combining responsive design with CSS table layout to rearrange the display of content and navigation.

Re-flex

Putting content first by combining responsive design with the CSS3 flexible box layout module.

Responsive dConstruction

I’m preparing a workshop for dConstruct on responsive design.

Ethan

There’s a book I want you to read.

The good new days

Everything new is old again.

Podchatting

Listen in to a conversation I had about responsive web design.

Ethan Marcotte: The Responsive Designer’s Workflow

Liveblogging Ethan’s talk at An Event Apart in Boston.

Content First

In which I repeatedly hammer home the point that it’s all about the content.

Lazy loading on Huffduffer

Lazy responsiveness or responsive laziness.

Respond

Another way of ensuring Internet Explorer gets your layout styles.

Windows mobile media queries

Solving that pesky Windows Phone 7 problem.

Clarification

A follow-up on responsive web design.

Context

Clarifying the problem space of responsive web design.

Caveat

The fine print.

Sea change

Don’t fear responsive design; embrace it.

Tweaking Huffduffer

An oEmbed nip here, a responsive design tuck there.

One web

Let’s get together and feel alright.

Adfonting

An advent calendar for fonts, complete with responsive layout.

Responsive enhancement

A responsive refresh of adactio.com that takes progressive enhancement to the next level.

Responsive refresh

Giving the UX London site some extra flexibility.

A responsive mind

Responsive web design is about more than just media queries.

The Adoption of Adaptation

The times, they are a-changin’.