Jeffrey Zeldman's Blog, page 60
December 14, 2011
Required Reading. Multi-Device Web Design: An Evolution
LUKE WROBLEWSKI: As mobile devices have continued to evolve and spread, so has the process of designing and developing Web sites and services that work across a diverse range of devices. From responsive Web design to future friendly thinking, here's how I've seen things evolve over the past year and a half: LukeW | Multi-Device Web Design: An Evolution.
[image error] [image error] [image error] [image error] [image error] [image error] [image error] [image error] [image error]
Why Mobile?
FROM A LUKE Wroblewski-led mobile workshop currently in progress at An Event Apart San Francisco:
There are more mobile devices than there are people in the world.
1.3 billion mobile page views a year.
Facebook says a few years form now "almost everyone at Facebook will focus exclusively on mobile."
1 in 10 mobile smartphones are iPhones. But one iPhone is responsible for twice the traffic of an Android phone (its nearest competitor).
27% of all Yelp usage currently comes from mobile.
Web vs. Native: Facebook has 350 Million mobile users. 50% of that access is via the web. The other 50% is native (all platforms). All native apps put together equal the same usage as web.
"People will do stuff on the closest screen near them that is good enough."
50% of Africa and Asia only access the internet on mobile.
"Clinging to desktop experience and ignoring mobile is like a record company clinging to CDs while digital passes them by." Luke W.
An entire generation of people starting to use the internet on mobile in Asia, Africa, etc. Kenya 20% of GDP happens on mobile devices. Mobile phones will overtake desktops as the most common web access devices worldwide by 2013.
And why mobile web (vs. native)?
Rapidly growing "real" businesses.
Access across multiple platforms and without apps.
Instant updates, fixes, and testing.
No plying in anyone else's backyard.
Great way to get started with mobile.
[image error] [image error] [image error] [image error] [image error] [image error] [image error] [image error] [image error]
December 13, 2011
What I Learned About the Web in 2011
AS THE YEAR draws to a close, we asked some A List Apart readers to tell us what they learned about the web in 2011. Together their responses summarize the joys and challenges of this magical place we call the internet.
A List Apart: What I Learned About the Web in 2011.
Illustration by Kevin Cornell for A List Apart.
[image error][image error][image error][image error][image error][image error][image error][image error][image error]
Take two minutes to stop SOPA before it passes this week
THE MOST IMPORTANT THING you can do today: help STOP SOPA once and for all.
The Stop Online Piracy Act could pass this week. U.S. friends reading this, call your Representatives now to be heard before the bill is finalized and voted on. Fightforthefuture.org makes it easy. Go there and do this.
We thank you.
[image error][image error][image error][image error][image error][image error][image error][image error][image error]
December 12, 2011
Live Blogging An Event Apart San Francisco
RIGHT HERE I'll be sharing links, write-ups, and ideas from An Event Apart San Francisco – three days of design, code, and content for people who make websites. Keep watching this space!
A Feed Apart – live tweeting
by – live blogging
AEA SF 2011: The Responsive Designer's Workflow: Luke Wroblewski's notes on the presentation by Ethan Marcotte AKA @beep
An Event Apart: Content First – Luke Wroblewski's notes on my opening keynote
An Event Apart: Great Responsibility. In his With Great Power Comes Great Responsibility at An Event Apart in San Francisco, CA 2011 Elliot Jay Stocks talked about what matters in effective Web design (hint not new technologies). Notes by Luke Wroblewski
Design Principles – Jeremy Keith
Setting Type on the Web to a Baseline Grid by Wilson Miner
Content page design best practices by Luke Wroblewski
Typograph – Scale & Rhythm This page falls somewhere between a tool and an essay. It sets out to explore how the intertwined typographic concepts of scale and rhythm can be encouraged to shake a leg on web pages.
Now in private beta – Typecast: Design with web fonts, in the browser.
Tim Brown – More Perfect Typography – video
Robustness Principle (Postel's Law): Be conservative in what you send; be liberal in what you accept.
"Software, like all technologies, is inherently political. Code inevitably reflects the choices, biases and desires of its creators." @adactio
"Solve real problems" is a design principle of the HTML5. You'd be surprised at the number of W3C working groups working on largely theoretical problems.
Metcalfe's Law: So many people are on Facebook because so many people are on Facebook.
An Event Apart: Design Principles – December 12, 2011 by Luke Wroblewski: In his Design Principles presentation at An Event Apart in San Francisco CA 2011 Jeremy Keith outlined the design principles behind the World Wide Web and how they continue to shape its future.
Respond.js by Scott Jehl on Github. A fast, lightweight (3kb minified / 1kb gzipped) script to enable responsive web designs in browsers that don't support CSS3 Media Queries – in particular, Internet Explorer 8 and under.
An Event Apart: Dimensions of Good Experience: "at An Event Apart in San Francisco, CA 2011 Alexa Andrezejewski shared ten principles from urban design that provided unique lenses for evaluating and thinking about mobile and web user experience designs." Luke Wroblewski's notes on the session.
AEA Playlist on Last.fm
AEA Playlist on Rdio
Stay in the loop! Follow An Event Apart on Twitter, become a fan on Facebook, or subscribe to our mailing list.
CSS: Our Best Practices Are Killing Us – Luke Wroblewski reviews Nicole Sullivan's presentation
Bootstrap – toolkit from Twitter designed to kickstart development of webapps and sites. Includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.
An Event Apart: A Content Strategy Roadmap: In her presentation at An Event Apart in San Francisco, CA 2011 Kristina Halvorson talked about how to integrate content strategy into a typical web design workflow. Notes by @lukew.
Watch the Madmanimation CSS3 animation demo. (Requires Safari, Chrome, Firefox, or IE10.)
Invision: "UX prototyping made beautiful" via @aarron
Mad Men animated GIFs via @malarkey
An Event Apart: From Idea to Interface: @lukew captures highlights from Aarron Walters's inspiring presentation.
An Event Apart: A Content Strategy Roadmap: In her presentation at An Event Apart in San Francisco, CA 2011 Kristina Halvorson talked about how to integrate content strategy into a typical web design workflow. Notes by @lukew.
Foundation: rapid prototyping tool (via @aarron)
Design Personas measured in aarron's talk
FREE YOUR DATA! The Exporter frees liberates your content from Twitter, Gowalla, Facebook, Linkedin, and Google+.
"Content isn't copy. 'Content first' isn't 'copy first.'" @halvorson #contentfirst #cs #aea
AEA CONTENT STRATEGY RESOURCES from Kristina Halvorson
Back button predicts failure: clickstreams with one back button. @jmspool
Pro tip: Your Search logs contain the trigger words your pages are missing. Plug the trigger word from your referrer log onto the page it led the user to, and your users will stop using Search. @jmspool
[image error] [image error] [image error] [image error] [image error] [image error] [image error] [image error] [image error]
Live blogging An Event Apart San Francisco #aea
KEEP WATCHING this space!
A Feed Apart – live tweeting
by – live blogging
An Event Apart: Content First – Luke Wroblewski's notes on my opening keynote
An Event Apart: Great Responsibility. In his With Great Power Comes Great Responsibility at An Event Apart in San Francisco, CA 2011 Elliot Jay Stocks talked about what matters in effective Web design (hint not new technologies). Notes by Luke Wroblewski
Design Principles – Jeremy Keith
Setting Type on the Web to a Baseline Grid by Wilson Miner
Content page design best practices by Luke Wroblewski
Typograph – Scale & Rhythm This page falls somewhere between a tool and an essay. It sets out to explore how the intertwined typographic concepts of scale and rhythm can be encouraged to shake a leg on web pages.
Now in private beta – Typecast: Design with web fonts, in the browser.
Tim Brown – More Perfect Typography – video
Robustness Principle (Postel's Law): Be conservative in what you send; be liberal in what you accept.
"Software, like all technologies, is inherently political. Code inevitably reflects the choices, biases and desires of its creators." @adactio
"Solve real problems" is a design principle of the HTML5. You'd be surprised at the number of W3C working groups working on largely theoretical problems.
Metcalfe's Law: So many people are on Facebook because so many people are on Facebook.
An Event Apart: Design Principles – December 12, 2011 by Luke Wroblewski: In his Design Principles presentation at An Event Apart in San Francisco CA 2011 Jeremy Keith outlined the design principles behind the World Wide Web and how they continue to shape its future.
Respond.js by Scott Jehl on Github. A fast, lightweight (3kb minified / 1kb gzipped) script to enable responsive web designs in browsers that don't support CSS3 Media Queries – in particular, Internet Explorer 8 and under.
[image error] [image error] [image error] [image error] [image error] [image error] [image error] [image error] [image error]
December 10, 2011
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 , 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.
[image error][image error][image error][image error][image error][image error][image error][image error][image error]
![[image error]](http://getfile4.posterous.com/getfile/files.posterous.com/zeldman/hdGvdiHAcEbJIxosuFwGFuprdaCAwDrdmhExtIArldBxFrbdgtfJipynexHd/media_httpdistilleryi_xFoGi.jpg.scaled1000.jpg){kind=link}