"The Browser is Not a Document Reader" by @rachelnabors
-
Upload
webcat -
Category
Technology
-
view
340 -
download
0
description
Transcript of "The Browser is Not a Document Reader" by @rachelnabors
![Page 1: "The Browser is Not a Document Reader" by @rachelnabors](https://reader034.fdocuments.in/reader034/viewer/2022051611/54b3b2c64a7959001f8b45cf/html5/thumbnails/1.jpg)
The Browser is not a Document Readerwith @RachelNabors of RachelNabors.com
![Page 2: "The Browser is Not a Document Reader" by @rachelnabors](https://reader034.fdocuments.in/reader034/viewer/2022051611/54b3b2c64a7959001f8b45cf/html5/thumbnails/2.jpg)
The Era of Flash
![Page 3: "The Browser is Not a Document Reader" by @rachelnabors](https://reader034.fdocuments.in/reader034/viewer/2022051611/54b3b2c64a7959001f8b45cf/html5/thumbnails/3.jpg)
Smell the load screen.
![Page 4: "The Browser is Not a Document Reader" by @rachelnabors](https://reader034.fdocuments.in/reader034/viewer/2022051611/54b3b2c64a7959001f8b45cf/html5/thumbnails/4.jpg)
Everyone wanted to be a Dunkleosteus, erm, Flash Developer.
![Page 5: "The Browser is Not a Document Reader" by @rachelnabors](https://reader034.fdocuments.in/reader034/viewer/2022051611/54b3b2c64a7959001f8b45cf/html5/thumbnails/5.jpg)
iOS says no to Flash
![Page 6: "The Browser is Not a Document Reader" by @rachelnabors](https://reader034.fdocuments.in/reader034/viewer/2022051611/54b3b2c64a7959001f8b45cf/html5/thumbnails/6.jpg)
Rise of the Front End Dev
![Page 7: "The Browser is Not a Document Reader" by @rachelnabors](https://reader034.fdocuments.in/reader034/viewer/2022051611/54b3b2c64a7959001f8b45cf/html5/thumbnails/7.jpg)
The environment was irreversibly changed.
![Page 8: "The Browser is Not a Document Reader" by @rachelnabors](https://reader034.fdocuments.in/reader034/viewer/2022051611/54b3b2c64a7959001f8b45cf/html5/thumbnails/8.jpg)
● HTML5, CSS3, and JavaScript were able to rise to the occasion.
● Many designers, developers and generalists began crossing into each others' territories.
New Niches
![Page 9: "The Browser is Not a Document Reader" by @rachelnabors](https://reader034.fdocuments.in/reader034/viewer/2022051611/54b3b2c64a7959001f8b45cf/html5/thumbnails/9.jpg)
An evolving role
![Page 10: "The Browser is Not a Document Reader" by @rachelnabors](https://reader034.fdocuments.in/reader034/viewer/2022051611/54b3b2c64a7959001f8b45cf/html5/thumbnails/10.jpg)
● Clients have gotten used to hearing, “You can't do that on an iPhone!”
● Designers and developers have let themselves be limited by Internet Explorer
Increasingly static
![Page 11: "The Browser is Not a Document Reader" by @rachelnabors](https://reader034.fdocuments.in/reader034/viewer/2022051611/54b3b2c64a7959001f8b45cf/html5/thumbnails/11.jpg)
Equal & Opposite ReactionsFrom:● Interactive● Show-offy● Over-the-top● Unorthodox design
To:● Content-first● Reserved● User-focused● Magazine-like
![Page 12: "The Browser is Not a Document Reader" by @rachelnabors](https://reader034.fdocuments.in/reader034/viewer/2022051611/54b3b2c64a7959001f8b45cf/html5/thumbnails/12.jpg)
from the anime Serial Experiments Lain
![Page 13: "The Browser is Not a Document Reader" by @rachelnabors](https://reader034.fdocuments.in/reader034/viewer/2022051611/54b3b2c64a7959001f8b45cf/html5/thumbnails/13.jpg)
“My prediction is that, unless the leadership vacuum is filled, the Web is going to retreat back to its origins as a network of hyperlinked documents. The Web will be just another app that you use...”
—Joe Hewitt, Web Technologies Need an Owner, 2011
![Page 14: "The Browser is Not a Document Reader" by @rachelnabors](https://reader034.fdocuments.in/reader034/viewer/2022051611/54b3b2c64a7959001f8b45cf/html5/thumbnails/14.jpg)
We have the power● HTML5 Audio, Video● SVG● Canvas● CSS3 Animation and Transitions● Web Audio API● Web GL
![Page 15: "The Browser is Not a Document Reader" by @rachelnabors](https://reader034.fdocuments.in/reader034/viewer/2022051611/54b3b2c64a7959001f8b45cf/html5/thumbnails/15.jpg)
We can do thisApply what we've learned from the worst offences of Flash:
● User Experience● Accessibility● Performance and size
![Page 16: "The Browser is Not a Document Reader" by @rachelnabors](https://reader034.fdocuments.in/reader034/viewer/2022051611/54b3b2c64a7959001f8b45cf/html5/thumbnails/16.jpg)
Interaction != “Flashy”Not every interaction is going to look like this: http://codepen.io/rachelnabors/full/lqswg
We can do interactions right, for all experiences:http://www.apple.com/mac-pro/
![Page 17: "The Browser is Not a Document Reader" by @rachelnabors](https://reader034.fdocuments.in/reader034/viewer/2022051611/54b3b2c64a7959001f8b45cf/html5/thumbnails/17.jpg)
Return of the Interaction Developer
![Page 18: "The Browser is Not a Document Reader" by @rachelnabors](https://reader034.fdocuments.in/reader034/viewer/2022051611/54b3b2c64a7959001f8b45cf/html5/thumbnails/18.jpg)
What we can do● Define yourself by the things you make, not
the tools you use
● Evolve with the environment
● Cross pollinate, reach out to people outside your circls
![Page 19: "The Browser is Not a Document Reader" by @rachelnabors](https://reader034.fdocuments.in/reader034/viewer/2022051611/54b3b2c64a7959001f8b45cf/html5/thumbnails/19.jpg)
And above all else remember:
What we build today determines what browsers and networks support tomorrow.
Thank you! @RachelNabors of RachelNabors.com