The document discusses several concepts related to responsive web design including: - Cyberspace being a consensual hallucination experienced by billions online daily. - The need to embrace flexibility on the web rather than constrain designs. - Flipping layout designs to start from content out rather than a fixed canvas. - The web being responsive by default before fixed-width containers broke that. - The importance of progressive enhancement, starting with HTML and building up. - Prioritizing performance optimization over perfectly matching designs across devices. - Ensuring accessibility and universality of the web for all users.

1. responsive
enhancement

13. Cyberspace. A consensual
hallucination experienced daily by
billions of legitimate operators, in
every nation, by children being taught
mathematical concepts… A graphic
representation of data abstracted from
banks of every computer in the human
system. Unthinkable complexity. Lines
of light ranged in the nonspace of the
mind, clusters and constellations of
data. Like city lights, receding.
—William Gibson
Neuromancer

15. capability
speed
size

16. capability
speed
size
unknown

17. There are known knowns. There are
things we know that we know. There
are known unknowns. That is to say,
there are things that we now know we
don’t know. But there are also
unknown unknowns. There are
things we do not know we don’t know.
—Donald Rumsfeld

18. We demand rigidly defined areas of
doubt and uncertainty
—Douglas Adams
The Hitch-hiker’s Guide To
The Galaxy

19. size

20. 640 x 480
800 x 600
1024 x 768 size

21. 640 x 480
800 x 600
1024 x 768 size
control

22. %
flexible

23. The control which designers know in
the print medium, and often desire in
the web medium, is simply a function
of the limitation of the printed page.
We should embrace the fact that
the web doesn’t have the same
constraints, and
design for this flexibility.
—John Allsopp
A Dao of Web Design

24. WYSIWTF

25. WYSIWTF

26. WYSIWTF

29. responsive

30. responsive
control

31. clarification

36. mobile
first

37. content
first

38. It’s my belief that in order to embrace
designing native layouts for the web –
whatever the device – we need to shed
the notion that we create layouts from
a canvas in. We need to flip it on its
head, and create layouts from the
content out.
—Mark Boulton
A Richer Canvas

50. My love for responsive centers around
the idea that my website will meet
you wherever you are—from mobile
to full-blown desktop and anywhere
in between.
—Trent Walton

56. The web is responsive on its own—by
default. It’s us that’s been breaking it
all these years by placing content in
fixed-width containers.
—Andy Hume

57. progressive
enhancement

58. progressive
enhancement

59. progressive
enhancement
HTML CSS JavaScript

60. do websites need to
look exactly the
same in every
browser?

61. do websites need to
look exactly the
same in every
browser . com

65. There is a difference between
support and optimization.
—Brad Frost

70. performance

71. If you could only do one thing to
prepare your desktop site for
mobile and had to choose between
employing media queries to make it
look good on a mobile device or
optimizing the site for performance,
you would be better served by
making the desktop site blazingly
fast.
—Jason Grigsby

74. conditional
loading

83. context
first?

88. underlying the Web’s usefulness and
growth is universality.
“
The Web should be usable by people
with disabilities. It must work with any
form of information, be it a document
or a point of data, and information of
any quality—from a silly tweet to a
scholarly paper.
And it should be accessible from
any kind of hardware that can
connect to the Internet: ”
stationary or mobile, small
—Tim Berners-Lee
screen or large.
Long Live the Web