Category: Responsive Web Design
-
Responsive Web Design’s Debut (with video)
IT WAS FIVE years ago today, Ethan Marcotte taught the web to play…nicely with all kinds of devices in all kinds of contexts. And he did it live on stage at An Event Apart Seattle…
-
Evolving Responsive Web Design
In What We Mean When We Say “responsive” and Defining Responsiveness, Lyza Danger Gardner and Jason Grigsby cut to the heart of a disagreement I had three years ago with Ethan Marcotte, the creator of…
-
Big Web Show ? 112: Responsive Images Get Real with Mat Marquis
THE GOAL of a “responsive images” solution is to deliver images optimized for the end user’s context, rather than serving the largest potentially necessary image to everyone. Unfortunately, this hasn’t been quite so simple in…
-
Will the last digital canvas please turn out the lights?
DESIGNERS. WE LOVE CANVASES. It’s what we know. Even the cave wall had predictable, fixed dimensions. On the web, in the past few years, we’ve finally had to acknowledge that the canvas is not fixed,…
-
Leo Laporte interviews JZ
IN EPISODE 63 of Triangulation, Leo Laporte, a gracious and knowledgeable podcaster/broadcaster straight outta Petaluma, CA, interviews Your Humble Narrator about web standards history, responsive web design, content first, the state of standards in a…
-
Responsive Typography
“NOT EVERYTHING always works in your favor when you design for the screen. Interaction design is engineering: it’s not about finding the perfect design, it’s finding the best compromise.” Responsive Typography: The Basics | Information…
-
Responsive and Mobile Now
A FEW GOOD LINKS from a day-long workshop by Luke Wroblewski: New! Off Canvas Multi-Device Layouts by Luke Wroblewski and Jason Weaver The EMs have it: Proportional Media Queries FTW! by Lyza Gardner Responsive IMGs…
-
Interacting Responsively (and Responsibly!)
AT AN EVENT APART Boston, “Scott Jehl discussed ways we can improve web performance by qualifying capabilities and being smart about how assets are loaded in browsers [and] shared a … new tools he helped…
-
Build Books With CSS3; Design a Responsive Résumé
“WE ARE ALL PUBLISHERS,” claims Issue No. 353 of A List Apart for people who make websites. Design books with CSS3; craft a responsive web résumé. Building Books with CSS3 by NELLIE MCKESSON While historically,…
-
Responsive Images and Web Standards at the Turning Point – Mat Marquis in ALA
IN A SPECIAL ISSUE of A List Apart for people who make websites: Responsible responsive design demands responsive images — images whose dimensions and file size suit the viewport and bandwidth of the receiving device.…
-
CSS & Mobile To The Future | Embrace Users, Constrain Design | An Event Apart Seattle 2012 Day II
TUESDAY, 3 APRIL 2012, was Day II of An Event Apart Seattle, a sold-out, three-day event for people who make websites. If you couldn’t be among us, never fear. The amazing Luke Wroblewski (who leads…
-
Massively Mobile Progressive Enhancement | Is Your Site Future-Friendly? | Brad Frost & Stephanie Rieger in A List Apart
ISSUE NO. 346 of A List Apart for people who make websites is all about massively mobile progressive enhancement. Are your site’s content and design future friendly? For a Future-Friendly Web by BRAD FROST It…
-
A List Apart No. 345: Responsive content: thinking beyond pages; from research to content strategy to meaningful project deliverables.
IN ISSUE NO. 345 of A List Apart, for people who make websites: Future-Ready Content by SARA WACHTER-BOETTCHER The future is flexible, and we’re bending with it. From responsive web design to futurefriend.ly thinking, we’re…
-
A better Photoshop grid for responsive web design
IN MAKING the move to responsive web design, one of the potential hurdles is the rather awkward maths for calculating the percentage-based widths necessary for fluid layouts. If, for example, you’re designing with a 960px…
-
Fluid grids, orientation & resolution independence
IF YOU’VE spent any time building responsive websites with fluid grids, you will have encountered the shock of seeing your beautiful portrait layout distort when viewed in landscape mode (or vice-versa.) This happens because whilst…