9. Since then:
• 2 iPhones have been released
• Smart phones have become the norm
• Tablets have grown in both reach and variety
• Responsive web design has become a near
ubiquitous buzzword.
25. In Metroid you start with a simple gun
and add new weapons, tools, and
abilities as you progress through the
game, but ultimately the game follows
a linear path.
38. In the next five years, devices will be the
name of the game and that’s not just screen
size or browser we’re talking about.
Interfaces will change, input will change,
the way we use the web will change. We
need to start gearing up for that right now.
~ Jonathan Smiley
“Dive Into Responsive Prototyping With Foundation”
http://alistapart.com/article/dive-into-responsive-
prototyping-with-foundation
39. The temptation here is to adjust
the project workflow to go from
this:
Wireframe Comp Website
41. This is just adding a layer of
complication to the process. It
does little to solve our root
problem, which is the need to
articulate fluid layout.
46. The aim is to remove The Big
Reveal: [...] the thing designers
do where they squirrel away for
a few days and then come back
and go ‘ta da, look what I made!’.
That’s just so risky
~ Mark Boulton
http://www.markboulton.co.uk/journal/responsive-
summit-workflow
50. Style Tiles are a design
deliverable consisting of fonts,
colors and interface elements
that communicate the essence of
a visual brand for the web.
~ Samantha Warren
styletil.es
51. Iterate and communicate with
the client, using style tiles and
rapid prototypes to articulate
the end product.
61. Building scalable and efficient
CSS is crucial to optimizing and
maintaining responsive sites.
62. Rule Number 5
The web is responsive by
default.
#rwdrules
63. [The web] should be accessible
from any kind of hardware that
can connect to the internet:
stationary or mobile, small
screen or large.
~ Sir Tim Berners-Lee
http://www.scientificamerican.com/article.cfm?id=long-
live-the-web
66. Having an API has allowed us at
NPR.org to be highly efficient at
building new platforms such as iPhone,
Android, iPad and Chrome app because
we only have to build the presentation
logic – the ‘data’ is already ready to go.
~ Zach Brand, Sr. Director of Technology at NPR
http://blog.programmableweb.com/2011/04/18/what-we-
did-wrong-npr-improves-its-api-architecture/
67. Smartphone use by teenagers
has tripled in 2 years.
- Consumer Reports
In five years, most Africans will
have smartphones
~ TechCrunch
http://news.consumerreports.org/electronics/2011/07/
teenage-smart-phone-use-triples-in-two-years.html
http://techcrunch.com/2012/06/09/feature-phones-are-
not-the-future/
76. As the web matures, we should
acknowledge and embrace its
constraints—and the aesthetic
those constraints can produce.
When we do, we might discover
that the true web aesthetic is
hardly visual at all.
~ Paul Robert Lloyd
http://alistapart.com/article/the-web-aesthetic