Context

Responsive web design does not solve the context problem.

Content First

Start with the content, not the device.

The Responsive Designer’s Workflow

Jeremy Keith's liveblog of Ethan Marcotte's presentation at An Event Apart.

“You know you're working with a great client when they're the ones raising the subject of CSS sprites to improve performance.”

Citation needed

Quoting and citing in HTML5.

OurSpace

Let’s not make the same mistake twice.

“You do not make semantic decisions based on what machines want. Don't choose HTML elements for ‘SEO’ benefits.”

Re-tabulate

Switch the display of content and navigation based on browser size.

One Web

Jeremy Keith's talk at DIBI Conference 2011.

The Language of the Web

A recap of Breaking Development 2011.

“Don't anthropomorphise computers. They hate that.”

HTML5 For Web Designers

Jeremy Keith's well-known book (for free).

Timeless

Keep using the time element.

Responsible responsive images

Going over the thorny challenges of responsive images.

Pursuing semantic value

A comment on Divya Manian's article on Smashing Magazine.

Conditional Loading for Responsive Designs

Mobile first, conditional loading second.

iWish

Dear Apple, please fix the orientation scaling bug in Mobile Safari.

Months and years

A progressive enhancement pattern for month/year fields in forms.

Full-length An Event Apart video: Jeremy Keith on the essence of interactivity

Interaction, the secret sauce of the web.

Image-y nation

A response to Mat Marquis' article on responsive images in A List Apart.

“People keep trying to have discussions with me on Twitter. This is like trying to have a cocktail party by shouting from a speeding car.”

Sharing pattern libraries

Every project should have its own distinct pattern library.

“An evangelist is someone who, instead of getting bored the more they repeat themselves, gets excited the more they repeat themselves.”

Responsive questions

Answering questions about responsive design.

“Any sufficiently advanced mobile test device acquisition activity is indistinguishable from potential terrorist suspicious behaviour.”

Fanfare for the common breakpoint

Match breakpoints to the design, not to individual devices.

Conditional CSS

Detecting media query execution in CSS from JavaScript.

dConstruct optimisation

How the dConstruct site was optimized for performance.

Secret src

About the WHATWG, the W3C, responsive images and the srcset syntax.

Design Principles

Jeremy Keith's collection.

Laboratory conditions

Documenting the set-up of the Brighton device lab.

Tweetpolice

Jeremy Keith's opinion on Twitter's display guidelines.

iOS Six Fix

The iOS orientation bug has been fixed.

“Native apps will replace the web just as surely as swimming pools will replace the ocean.”

A question of time

What professional advice would you give a younger you?

Tweakpoints

What media queries are good for.

“Instead of keeping files like images and fonts in a folder called ‘assets‘, I’m going to rename the folder ‘liabilities.’”

Responsive audio out

All the talks from the Responsive Day Out.

Told you so

“I’ve never built a fixed-width website in my life.”

By any other name

“‘What’s that?’ ‘It’s a web thang.’”

Battle for the planet of the APIs

“Instead of seeing themselves as part of a wider web, online services see themselves as standalone entities.”

A Gov Supreme

“The biggest challenges of responsive design are not technology problems.”

Double tap delay

Why do browsers have a 300 millisecond delay?

Line Mode Browser 2013

Revisiting the first universally accessible web browser.

Classy values

A critique of “Cargo Cult CSS” and “Challenging CSS Best Practices.”

“In a meeting when the subject of homepage carousels is raised—I find myself gauging the flipability of the table around which we are seated.”

“Whenever a talented designer I know goes to work at Google, Facebook or Twitter, I feel like I should congratulate them on their retirement.”

Icon fonts, unicode ranges, and IE8’s compatibility mode

Icon fonts may trigger compatibility mode in IE8.

A map to build by

“The web has grown up. Unfortunately, it has grown up to be kind of a dickhead.”

The Power Of Simplicity

“One of the best ways to be future friendly is to be backwards compatible.”

Sasstraction

“Sass doesn’t force you to write all your CSS in a completely new way.”

“With great power comes a really cluttered interface.”

Continuum

“The web is not a platform. It’s a continuum.”

Browsiness

“Any platform that allows more people to access the web is good with me.”

Higher standards

“I watch Netflix on my Apple TV and I don’t want DRM on the web.”

URLy warning

“If this Chrome experiment goes forward, we can kiss all that goodbye.”

Web Components

“I have conflicting feelings about Web Components.”

Indie web building blocks

“What really matters is that you’re publishing your stuff on your website.”

Webiness

“URLs are not an implementation detail.”

Responsive Enhancement

Progressive enhancement as a way of thinking.

Inlining critical CSS for first-time visits

How to speed up the first page load.

“Make web pages. Not too much. Mostly HTML.”

“Sass, jQuery, Grunt, Yeoman …all tools to help you write HTML, CSS, and JavaScript. Tools change. The HTML, CSS, and JavaScript endures.”

Web! What is it good for?

“I have a blind spot. It’s the web.”

On The Verge

The web is destroyed by bloated advertising and tracking scripts.

Where to start?

“The key to building modern, resilient, progressive sites doesn’t lie in browser technologies or frameworks.”

Hamburger, hamburger, hamburger

“The answer to the question ‘Is the hamburger icon good or bad?’ is a resounding and clear ‘It depends.’”

A brief history of the World Wide Web by web developers

The web will be so much better when…

Regressive Web Apps

‘Feels like native’ now matters more than ‘best practices on the web.’

A wager on the web

Let’s not make any decisions based on fear.

Resilient Web Design

An approach for building the websites of the future.

Progressing the web

“I don’t want the web to equal native; I want the web to surpass it.”

CSS

“Using CSS at scale has a learning curve, just like any powerful technology.”

Container queries

“I’d love to see some movement on container queries.”