Categories
A Book Apart An Event Apart

Notes and Images from An Event Apart San Francisco

THE SEVENTH and final An Event Apart show of the year 2012—three days of forward thinking and inspiring insights on multi-device design, content strategy for mobile, the next CSS, and more—is now winding down at San Francisco’s Palace Hotel. The show may end, but the memories will linger … enhanced by digital artifacts like these:

Categories
A Book Apart A List Apart content Content First content strategy

Content Strategy for Mobile three ways from Sunday

IT’S A Karen McGrane world! Today, as A Book Apart unveils Karen McGrane’s amazing new Content Strategy for Mobile, the entirety of A List Apart Issue No. 364 is dedicated to Karen and her vision for future-friendly web content:

Uncle Sam Wants You (to Optimize Your Content for Mobile)

Thirty-one percent of Americans who access the internet from a mobile device say that’s the way they always or mostly go online. For this group, if your content doesn’t exist on mobile, it doesn’t exist at all. The U.S. government has responded with a broad initiative to make federal website content mobile-friendly. Karen McGrane explains why this matters—and what you can learn from it.

Your Content, Now Mobile

Making your content mobile-ready isn’t easy, but if you take the time now to examine your content and structure it for maximum flexibility and reuse, you’ll have stripped away all the bad, irrelevant bits, and be better prepared the next time a new gadget rolls around. This excerpt from Karen McGrane’s new book, Content Strategy for Mobile, will help you get started.

Help Hurricane Sandy relief efforts

Fifteen percent of sales of Karen McGrane’s Content Strategy for Mobile and other A Book Apart books sold today will go to the Red Cross in its effort to aid victims of Hurricane Sandy.

Categories
A Book Apart Acclaim Best practices business Career client services clients Designers E-Books Publications Publishing

Mike Monteiro’s “Design Is A Job” is finally available to buy or preview.

CO-FOUNDER of Mule Design and raconteur Mike Monteiro wants to help you do your job better. From contracts to selling design, from working with clients to working with each other, his brief book Design Is A Job is packed with knowledge you need to know. This is one of the most in-demand titles we at A Book Apart have yet published, and the long, long wait for its release (and yours) is finally over!

— Enjoy an exclusive Preview of Design Is A Job in Issue No. 348 of A List Apart, for people who make websites.

Buy Design Is A Job directly from the makers at A Book Apart.

Also of interest:

Categories
A Book Apart A Feed Apart An Event Apart cities Design Responsive Web Design San Francisco

It’s beginning to feel a lot like Christmas: An Event Apart San Francisco, Palace Hotel, Dec. 12-14

HERE I AM at the Palace on Market Street for another thrilling installment of An Event Apart.

An Event Apart San Francisco features twelve great speakers and sessions. Following the two-day conference comes an intense learning session on Mobile Web Design led by Luke Wroblewski (author, Web Form Design).

Starting Monday, December 12, 2011, follow the live Twitter stream on A FEED APART, the official feed aggregator for An Event Apart.

Hum along to the interstitial AEA Playlist on Last.fm or Rdio.

Stay in the loop! Follow An Event Apart on Twitter or Facebook, or subscribe to our mailing list.

Categories
A Book Apart

A Book Apart holiday sale: 30% off entire collection

THE FIRST SIX essential new classics from A Book Apart — brilliant, brief books by Jeremy Keith, Dan Cederholm, Erin Kissane, Ethan Marcotte, Aarron Walter, and Luke Wroblewski — make the perfect gift for the web geek in your life. During our holiday sale, buy all six books and save 30%!

A Book Apart Holiday Bundle

Categories
A Book Apart Design Responsive Web Design Web Design Web Design History Web Standards

.net Magazine’s Top 25 Web Design Books

CONGRATULATIONS TO A List Apart technical editors Aaron Gustafson and Ethan Marcotte, whose Adaptive Web Design and Responsive Web Design were ranked #1 and #2 in .net Magazine’s “Top 25 Books for Web Designers and Developers” of 2011.

Other top-ranked web design books include CSS3 for Web Designers by Dan Cederholm, Designing for the Digital Age by Kim Goodwin, and Don’t Make Me Think by Steve Krug.

Four of the top 25 were A Book Apart books: namely, Responsive Web Design, CSS3 for Web Designers, Mobile First by Luke Wroblewski, and The Elements of Content Strategy by Erin Kissane.

I contributed to the article but did not nominate any A Book Apart books.

Congratulations to these authors!

The top 25 books for web designers and developers | Feature | .net magazine.

Categories
A Book Apart Best practices Brands Design mobile

A Book Apart: Designing for Emotion & Mobile First

WE ARE THRILLED to present the two newest volumes from A Book Apart (“brief books for people who make websites”):

  • Make your users fall in love with your site or application via the precepts packed into Aarron Walter’s new Designing for Emotion. From classic psychology to case studies, highbrow concepts to common sense, DfE demonstrates accessible strategies and memorable methods to help you make a human connection through design.
  • Learn data-driven techniques that will make you a master of mobile with Mobile First. Former Yahoo! design architect and co-creator of Bagcheck, Luke Wroblewski knows more about mobile experience than the rest of us, and packs all he knows into this entertaining, to-the-point guidebook.

For a limited time, save 15% when you buy both together!

A Book Apart, Designing for Emotion & Mobile First Bundle.

Categories
A Book Apart Brands Design

ALA: Personality in Design

IN AN EXCLUSIVE EXCERPT from his new book, Designing For Emotion, Aarron Walter shows how to turn design interactions into conversations, imbue mechanical “interactions” with human elements, and use design and language techniques to craft a living personality for your website or application.

A List Apart: Articles: Personality in Design.

Categories
A Book Apart Design mobile

A List Apart: Organizing Mobile by Luke Wroblewski

THE ORGANIZATION OF MOBILE web experiences must align with how people use their mobile devices and why; emphasize content over navigation; provide relevant options for exploration and pivoting; maintain clarity and focus; and align with mobile behaviors. In this excerpt from his brand new A Book Apart book, Luke Wroblewski explains how.

A List Apart: Articles: Organizing Mobile.

Categories
A Book Apart A List Apart Design Ethan Marcotte Layout Responsive Web Design Web Design Web Design History Web Standards

Boston Globe’s Responsive Redesign. Discuss.

AS EVERY WEB DESIGNER not living under a rock hopefully already knows, The Boston Globe has had a responsive redesign at the hands of some of today’s best designers and developers:

The spare Globe website has a responsive design that adapts to different window sizes, browsers and devices, and it has a built-in Instapaper-type feature that saves articles for reading off various devices on the subway. The overhaul has incorporated the talents of Boston design firms Filament Group, and Upstatement, as well as a large internal team, and pre-empts the need to build separate apps for each device.—New York Observer

As the first responsive redesign of a “real” website (i.e. a large, corporately financed, widely read newspaper site rather than some designer’s blog), the site has the potential to raise public awareness of this flexible, standards-based, multi-platform and user-focused web design approach, and deepen perceptions of its legitimacy, much as Mike Davidson’s standards-based redesign of ESPN.com in 2003 helped convince nonbelievers to take a second look at designing with web standards:

In a major step in the evolution of website design, the Boston Globe relaunched their site today using a Responsive Design approach. For a consistent experience across mobile and desktop browsers, they redesigned the site to add and remove columns to the layout based on the width of your browser window.

This marks the first major, high-traffic, content-heavy website to adopt a responsive design. The lead consultant behind the project is none other than Ethan Marcotte, the designer who wrote the book on responsive design. Much as ESPN changed the way we worked by being one of the first to launch a fully CSS driven site a decade ago, the Boston Globe’s redesign has the potential to completely alter the way we approach web design.—Beaconfire Wire

More work remains to be done. Some sections of the paper have not yet converted, and some site architecture has yet to be refreshed, so it is too early to call the overhaul a complete success. But it is clear that Ethan Marcotte, author of Responsive Web Design and creator of responsive design, together with the geniuses at Filament Group, Upstatement, and the Globe’s internal design/development team have managed to work beautifully together and to solve design problems some of us don’t even know exist.

Congratulations to the Globe for its vision and these designers and developers for their brilliant work.

Categories
A Book Apart A List Apart Design people photography Publications Publishing Web Design Web Standards Websites

A Book Apart Photo Pool on Flickr

LET YOUR NERD FLAG FLY! Now there is a Flickr group for A Book Apart readers. Come one, come all. Share beauty shots of your A Book Apart collection. Share unboxing photos. Share pictures of your fine self interacting with our awesome books. If you love reading our brief books for people who make websites, we want to see and hear from you.

Flickr: The A Book Apart Pool.

Categories
A Book Apart A List Apart Code

Responsive Design. I don’t think that word means what you think it means.

ON 25 MAY 2010, when Ethan Marcotte coined the phrase “responsive web design,” he defined it as using fluid grids, flexible images, and media queries to deliver elegant visual experiences (e.g. layouts and type treatments) that accommodate the reality of our post-iPhone, post-Android, post-iPad digital landscape:

Rather than tailoring disconnected designs to each of an ever-increasing number of web devices, we can treat them as facets of the same experience. We can design for an optimal viewing experience, but embed standards-based technologies into our designs to make them not only more flexible, but more adaptive to the media that renders them.

Ethan expanded his vision in Responsive Web Design, a book I consider so important I published it. I and many others think it is a landmark book, an evolutionary milestone in the development of web and interaction design as a practice and as an industry.

But I also think it may be an even bigger idea than we initially realized—an idea too big to be limited to a single, technical approach to the problem of multiple, disparate viewing environments.

I understand well why Ethan favors his fluid grid/flexible image approach. When you see a fully responsive design at work, it often seems magical.

But the purpose behind “responsive design”—the concept of what it strives to achieve—should be separated from the specific techniques used to achieve it. As the worldwide community embraces his idea (and as new methods of CSS layout become practical), the techniques of responsive design will continue to improve and, dare I say it, adapt. (See flexbox, etc.) Along the same lines, “adaptive layout,” a practice that combines the benefits of fixed-width design with the realities of multiple screen sizes, is no longer an alternative to responsive design; instead, it becomes a form of responsive design, albeit a less robust one than the fully responsive (fluid) method Ethan describes in his book.

Our understanding of “responsive design” should be broadened to cover any approach that delivers elegant visual experiences regardless of the size of the user’s display and the limitations or capabilities of the device.

Categories
A Book Apart Authoring Best practices Design Responsive Web Design The Essentials Tools Usability User Experience UX Web Design Web Design History Web Standards writing

Responsive Web Design – The Book

SOME IDEAS SEEM inevitable once they arrive. It’s impossible for me to conceive of the universe before rock and roll or to envision Christmas without Mr Dickens’s Carol, and it’s as tough for my kid to picture life before iPads. So too will the internet users and designers who come after us find it hard to believe we once served web content in boxy little hardwired layouts left over from the magical but inflexible world of print.

I remember when the change came. We were putting on An Event Apart, our design conference for people who make websites, and half the speakers at our 2009 Seattle show had tumbled to the magic of media queries. One after another, CSS wizards including Eric Meyer and Dan Cederholm presented the beginnings of an approach to designing content for a world where people were just as likely to be using smart, small-screen devices like iPhone and Android as they were traditional desktop browsers.

Toward the end of the second day, Ethan Marcotte took what the other speakers had shared and amped it to 11. Suddenly, we had moved from maybe to for sure, from possible to inevitable. Ethan even gave us a name for his new approach to web design.

That name appears on the cover of this book, and this book represents the culmination of two years of design research and application by Ethan and leading-edge design practitioners around the world. Armed with this brief book, you will have everything you need to re-imagine your web design universe and boldly go where none have gone before. Happy reading and designing!

Jeffrey Zeldman,
Publisher,
Responsive Web Design

Categories
A Book Apart A List Apart Acclaim An Event Apart Design Interviews Zeldman

An interview with Jeffrey Zeldman

WALT DISNEY AND ME, a typical day, running Happy Cog, building An Event Apart, what’s next for A Book Apart, and more: DIBI, the design/build conference, presents An interview with Jeffrey Zeldman for your pleasure.

(I swear it’s a coincidence the last two posts have begun with inset photos of yours truly.)

Categories
A Book Apart A List Apart An Event Apart better-know-a-speaker Code Community conferences content strategy Design Designers DWWS Happy Cog™ HTML HTML5 industry Interviews ipad iphone IXD Standards State of the Web The Essentials The Profession type Typekit UX W3C Web Design Web Design History Web Standards Zeldman zeldman.com

Webvanta Video: Jeffrey Zeldman on the State of Web Design

From the floor of An Event Apart Seattle 2011:

Jeffrey Zeldman at An Event Apart Seattle 2011.

“Mobile is huge. The iPhone, iPad, and Android are huge. On the one hand, they are standards-facing, because they all support HTML5 and CSS3, so you can create great mobile experiences using web standards. You can create apps using web standards. On the other hand, there is also the temptation to go a proprietary route. In a strange way, although the browsers are much more standards compliant, it seems like we are redoing the browser war. Only now, it’s not the browser wars, it’s platform wars.”

Video interview, plus transcript: Interview with Jeffrey Zeldman on the State of Web Design. Thank you, Michael Slater.