Responsive Web Design

Ethan Marcotte's powers up the “Responsive Web Design” thing.

Toffee-nosed.

Responsive design for our ever-changing web.

“Been ages since I’ve had a day to work on my own design projects. I’d almost forgotten what anxiety and crippling self-doubt felt like.”

Fluid Images

Add fixed-width images to your fluid grids for a responsive design.

“Content should serve the user wherever they are, no matter the context or device. It's not mobile first. It's content first.”

The Boston Globe

The making of the Boston Globe's responsive web design.

Ethan Marcotte's 20 favourite responsive sites

A whole folder of responsive sites.

Type study: Sizing the legible letter

Let’s dive into a few popular methods for sizing text.

Contents Magazine

A new magazine covering content strategy, and online publishing.

A Dao of Flexibility

Introducing responsive design at An Event Apart San Diego 2010.

“You say, ‘Another plane is at our gate,‘ but all I hear is ‘Begin fashioning crude spears from your seat trays, for we attack at dawn.’”

“Your CSS gets roughly 350% more awesome when you leave caps lock on and don’t realize it. It’s true. I have studied it. With science, even.”

“I just discovered you can add animated GIFs to Keynote presentations. I…I really shouldn’t have this information.”

“Browsers. They’re fucking _weird_, man.”

“In an attic room somewhere, behind a locked door, there’s a painting of Chrome’s preferences that’s slowly becoming more and more intuitive.”

“When I was growing up, my grandmother would often say, ‘Offer praise in public; offer criticism in private.’”

Editorially

Write, collaborate on, and talk about a text.

“‘display: nope;’ Yeah so I’m gonna drinking coffee until I remember how to do my goddamn job.”

“How to clear the cache in Chrome: 1. Buy a new laptop. 2. Install Chrome.”

Responsive design, screens, and shearing layers

“Responsive design might begin with the screen, but it doesn’t end there.”

“Your problem: you have a mobile app, and don’t know how to promote it. So you use a pop-up banner on your site. You now have two problems.”

“Each night I like to place an empty inbox by my front door so that overnight the elves may cobble it into shoes made of pure spam.”

Platformed

“Seeing the web as a truly fluid, chaotic design medium serving millions of imperfect clients might help.”

Responsive Web Design Podcasts

Interviews with people who make responsive designs happen.

Blue Beanie Day 14: Toque ’em if You’ve Got ’em

Celebrating web standards.

“Thinking of design and implementation as separate concerns impacts the quality of both.”

“nopeifications”

“Just tried putting the tea kettle in the coffee machine, does anyone need any websites designed today?”

“I love writing projects, they concentrate the highest number of crippling insecurities over the longest period of time possible.”

Frameworks

Starting to talk about the quality of responsive designs.

Putting My Patterns through Their Paces

“Pattern-driven design has redesigned me.”

“My phone is quickly becoming the refrigerator I open before completely forgetting what food I wanted.”

Pattern patter.

Let’s discuss the making of design pattern libraries.

On container queries

“Container queries would revolutionize my design practice.”

AMPersand

The cost of Google’s Accelerated Mobile Pages for the web.

Bits

“The web’s performance problem is a problem of profitability.”

Accessibility is not a feature

It’s more than making a site navigable by assistive technology.