7 Feb 2012 5 pm eastern

Notes from An Event Apart Atlanta 2012

LUKE WROBLEWSKI’S notes on most of the sessions from An Event Apart Atlanta, 2012, Feb. 6–8, 2012. Thanks, buddy!

  • Facebook
  • Google Bookmarks
  • Posterous
  • Tumblr
  • Twitter
  • RSS
  • LinkedIn

Filed under: An Event Apart

Comments off.

7 Feb 2012 8 am eastern

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 the layout and embedded content (images, video etc) are sized in relation to the pixel width of the viewport, the typography is not. And whilst it isn’t too difficult to design with enough affordance for the variation caused by the iPad’s 4:3 aspect ratio – most (if not all) Android tablets have 16:9 displays. These screens make the orientation difference even more pronounced.

Responsive News – Fluid grids, orientation & resolution independence.

  • Facebook
  • Google Bookmarks
  • Posterous
  • Tumblr
  • Twitter
  • RSS
  • LinkedIn

Filed under: Design, Layout, Responsive Web Design

Comments off.

1 Feb 2012 9 am eastern

My Glamorous Life: Lucy Ricardo, C’est Moi

TRYING A NEW breakfast place. I tell the cashier, “Extra crispy bacon.”

“Extra bacon,” she says.

“No, not extra bacon. Extra crispy bacon,” I say.

A fast-paced volley of shouted Spanish follows, between the cook, the cashier, and the server. A customer in line behind me chimes in. He is either describing my order to the cashier or telling her about a dream he had involving velvet chickens. I’ve got to learn Spanish.

The cashier turns her green gaze back to me.

“Extra bacon,” she says.

“Um, no,” I say.

No bacon,” she says.

“Yes, bacon,” I say. “Spinach mushroom omelette, bacon — no toast, no potatoes.”

I will never be able to make it up to her, or to the other customers in line behind me. Or to the pig, quite frankly.

“Extra bacon,” she announces.

I say, “Thank you” and leave a tip in the jar.

  • Facebook
  • Google Bookmarks
  • Posterous
  • Tumblr
  • Twitter
  • RSS
  • LinkedIn

Filed under: cities, glamorous, New York City

Comments off.

31 Jan 2012 12 pm eastern

A List Apart: a change is gonna come, I can feel it

TODAY, TWO invaluable contributors to A List Apart move on, and a new member joins our ranks:

Aaron Gustafson (@aarongustafson), author of Adaptive Web Design (the clearest, most beautiful explanation of progressive enhancement I’ve ever read) and nearly a dozen brilliant A List Apart articles, has been a technical editor at A List Apart for six exciting and formative years.

Daniel Mall (@danielmall) has written three great ALA articles and served as A List Apart technical editor almost as long as Aaron.

Both gentlemen have had a profound and lasting impact on the nature and quality of A List Apart’s content. With the publication of today’s ALA issue, both gentlemen move on.

Aaron is the founder of Web Standards Sherpa (“journeying towards best web practices”) and Easy Designs LLC; co-founder of Retreats 4 Geeks; and manager of The Web Standards Project.

Dan is a former interactive designer for Happy Cog’s Philadelphia studio, former design director at Big Spaceship in Brooklyn, co-founder of Typedia and swfIR, and singer/keyboard player for contemporary-Christian band Four24. I can’t tell you what he is doing next — he has sworn me to secrecy — but trust me, it will be awesome.

Over a long career marked by extraordinary collaborators, Aaron and Dan are two of the smartest, and most talented people I’ve had the pleasure to work with. They are also friends. This isn’t goodbye, fellas.

JOINING US today as technical editor is Mat Marquis (@wilto). He marks his entrance into A List Apart’s world via this morning’s stunning article, Responsive Images: How They Almost Worked and What We Need.

Mat is a designer-slash-developer working at Filament Group in Boston. Mat is a member of the jQuery Mobile team, an active member of the open source community, and enjoys a complicated relationship with the now-defunct HTML5 “dialog” tag.

Welcome, Wilto!

  • Facebook
  • Google Bookmarks
  • Posterous
  • Tumblr
  • Twitter
  • RSS
  • LinkedIn

Filed under: A List Apart, Acclaim, Design, people

This post has earned 6 responses so far.

31 Jan 2012 10 am eastern

A List Apart: Pricing Strategy for Creatives

FREELANCERS AND STUDIO HEADS, learn what your rates say about your brand, and discover how to make more money by raising your rate strategically.

A List Apart: Pricing Strategy for Creatives by JASON BLUMER.


Illustration by Kevin Cornell for A List Apart Magazine.

  • Facebook
  • Google Bookmarks
  • Posterous
  • Tumblr
  • Twitter
  • RSS
  • LinkedIn

Filed under: A List Apart, business, Design

Comments off.

31 Jan 2012 9 am eastern

A List Apart: Responsive Images: How they Almost Worked and What We Need

RESPONSIVE WEB DESIGNERS, don’t miss Mat Marquis’ essential article in today’s A LIST APART, for people who make websites: Responsive Images: How they Almost Worked and What We Need. Mat shows why responsive images as we currently use them don’t quite cut it – and shares a way forward that involves the creation of a shiny new HTML element.


Illustration by Kevin Cornell for A List Apart Magazine.

  • Facebook
  • Google Bookmarks
  • Posterous
  • Tumblr
  • Twitter
  • RSS
  • LinkedIn

Filed under: A List Apart, Design, Layout, Responsibility, Responsive Web Design

Comments off.

27 Jan 2012 10 am eastern

Dyson to NY: drop dead

DYSON’S WEBSITE won’t sell me a vacuum cleaner. It claims New York, a U.S. state it provides in its own drop-down menu, is “not a valid state.” I have previously ordered Dyson products from the Dyson website and shipped them to a different address in New York. I have an account and everything. But the website won’t let me ship products to my office. This is just one of about a dozen errors that wasted half an hour of my life today.

  • Facebook
  • Google Bookmarks
  • Posterous
  • Tumblr
  • Twitter
  • RSS
  • LinkedIn

Filed under: Usability

This post has earned 20 responses so far.

23 Jan 2012 1 pm eastern

Accident

CAR JUST HIT ME as I was crossing street. Van carrying old people. Driver didn’t see me. Van struck my head. #


I punched door. Driver and passengers stared at me. Time slowed way down. I gestured for driver to pull over.#

Asked woman on street if I was bleeding. She said no. Told van driver to leave. He got out, walked over, insisted on seeing if I was ok. #

Black man, about 60. Told him I was good, merry Christmas. Shook his hand twice, nearly hugged him. Glad to be alive. #

Two hours later:

In ER with friend, getting checked after accident. #

No concussion, no spinal or brain injury, I’m very lucky. #


P.S. Having some back and arm pain today, nothing unexpected according to what the E.R. doc told me. Overwhelming feeling remains gratitude at being alive, although the feeling is more tempered now, not as giddy as it was immediately following the accident.

  • Facebook
  • Google Bookmarks
  • Posterous
  • Tumblr
  • Twitter
  • RSS
  • LinkedIn

Filed under: experience, glamorous, Live tweeted macho invincibility, Zeldman

Comments off.

17 Jan 2012 12 pm eastern

A List Apart Issue No. 342: A Pixel Identity Crisis; An Important Time for Design; Building Twitter Bootstrap

In a triple issue of A List Apart for people who make websites, it’s time for designers to seize the day! Transcend mobile platform differences, harness the power of an open-source front-end toolkit, and band together to change the world:

An Important Time for Design

by CAMERON KOCZON

Cameron Koczon says designers have now been given a blank check—one that lets us band together as a community to change the way design is perceived; change the way products are built; and quite possibly change the world.

Building Twitter Bootstrap

by MARK OTTO

Mark Otto, the co-creator of Bootstrap, sheds light on how and why Bootstrap was made, the processes used to create it, and how it has grown as a design system.

A Pixel Identity Crisis

by SCOTT KELLUM

The pixel has long been the atomic particle of screen based design: a knowable, concrete unit of measurement. But layouts based on the hardware pixel are fast becoming an endangered species. Scott Kellum shows how math and media queries can keep you sane and help you design consistently across platforms.

Thanks

This is Mandy Brown‘s last issue as an editor. Mandy has brought a lot of great thinking to ALA; she will be missed. Mandy will continue as editor of A Book Apart.


Illustrations by Kevin Cornell for A List Apart

  • Facebook
  • Google Bookmarks
  • Posterous
  • Tumblr
  • Twitter
  • RSS
  • LinkedIn

Filed under: A List Apart

This post has earned one meager response so far.

16 Jan 2012 9 am eastern

Ding dong, SOPA is dead.

DING DONG, THE WITCH IS DEAD. For now, at least, the “ill-conceived lobbyist-driven piece of legislation” known as the Stop Online Piracy Act (SOPA) is no more:

Misguided efforts to combat online privacy have been threatening to stifle innovation, suppress free speech, and even, in some cases, undermine national security. As of yesterday, though, there’s a lot less to worry about.

…Though the administration did [not] issue a formal veto threat, the White House’s opposition signaled the end of these bills, at least in their current form.

A few hours later, Congress shelved SOPA, putting off action on the bill indefinitely.

Political Animal – Putting SOPA on a shelf

  • Facebook
  • Google Bookmarks
  • Posterous
  • Tumblr
  • Twitter
  • RSS
  • LinkedIn

Filed under: Design, State of the Web, The Essentials, Web Design, Web Design History, Web Standards

This post has earned 34 responses so far.