Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
A future without browsers, February 2017
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
Kenneth Auchenberg
February 11, 2017
Programming
2.9k
11
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
A future without browsers, February 2017
A future without browsers, February 2017.
ngVikings 2017
Kenneth Auchenberg
February 11, 2017
Transcript
73 slides
February 2017 Kenneth Auchenberg Program Manager, Microsoft A future without
browsers
I’m Kenneth
None
Source: http://www.davemanuel.com/2016/01/09/poll-74-of-likely-republican-voters-believe-that-donald-trump-will-probably-win-nomination/
Browsers
We are the last generation to know what a “browser”
is
A walk down memory lane
None
DESKTOP TOWER WINDOWS XP CRT MONITOR COCA COLA CD-ROM!
Browsers were document readers
Source: http://collective-thoughts.com/wp-content/netscape-navigator.JPG Browsers shipped on physical media
Browsers used to cost money
Browser start-pages were a thing
Everything has changed
Modern browsers are application runtimes
The browser business model has changed
Today browsers are free and are funnels to search
Mozilla Firefox revenue https://static.mozilla.com/moco/en-US/pdf/2015_Mozilla_Audited_Financial_Statement.pdf
Google (Chrome) revenue https://www.sec.gov/Archives/edgar/data/1652044/000165204417000008/goog10-kq42016.htm
Apple Safari Revenue https://www.sec.gov/Archives/edgar/data/1652044/000165204417000008/goog10-kq42016.htm
Source: https://www.bloomberg.com/gadfly/articles/2016-07-19/microsoft-turns-bing-from-a-joke-into-an-ad-business Microsoft Bing (Edge) revenue
Internet adoption has changed
None
None
Source: https://qz.com/333313/milliions-of-facebook-users-have-no-idea-theyre-using-the-internet/
Facebook is the startpage of the next billion
Form factors have changed
Source: http://www.highdefgeek.com/visual-portrait-evolution-mobile-phones/
Mobile internet users
Saying “mobile internet” = “color tv” Source: Benedict Evans, http://ben-evans.com/benedictevans/2016/3/29/presentation-mobile-ate-the-world
Benedict Evans, Andreessen Horowitz
None
Our rendering engines have changed
Today’s web rendering engines WebKit Blink EdgeHTML Gecko U3 Engine
Servo
In a few years you won’t know you are using
a browser.
Tada! Progressive Web Apps
Desktop: Web as a runtime Slack VS Code
Mobile: Web embedded inside native Chrome Custom Tabs Safari View
Controllers
Progressive Web Apps Browser chrome Home screen “App”
What about the future?
Web apps will find their way to app stores and
redefine them
Community-based search indexes
Apps being indexed in search engines
Search engines and app stores will melt together
As the browser chrome disappears, new search entry points will
appear
None
None
Source: http://www.imore.com/how-to-use-calendar-with-siri
None
The front-end role is being redefined, as native and web
melts together
None
None
https://www.amazon.com/Amazon-Echo-Bluetooth-Speaker-with-WiFi-Alexa/
Search-based browser business models will get challenged
Brave Browser & Brave Payments
Today’s real browsers are social streams + WebViews
Source: http://flurrymobile.tumblr.com/post/127638842745/seven-years-into-the-mobile-revolution-content-is
Facebook is a browser
Twitter is a browser
If any app can a browser, what is it then?
New meta-platforms will rise
Meta platforms Host platforms Android iOS Desktop (Windows) Web platform
WeChat Facebook Amazon Alexa Content platforms Instant articles Voice actions Mini programs PWA’s/AMP Chat Social networks Voice platforms Web runtimes
WeChat “mini program” apps (840 mio users) Source: http://mp.weixin.qq.com/s/IM8dJ01QNpqTBcix_13_yw
Prediction: React Apps inside Facebook
Browser rendering engines will become commodity
New browser-shells appears Non engine differentiation
We have moved to higher-level authoring abstractions
Modern framework architectures Source: https://docs.google.com/document/d/1M9FmT05Q6qpsjgvH1XvCm840yn2eWEg0PMskSQz7k4E/edit
Web platform primitives are compile targets
New role for frameworks and JavaScript
The new “web” is in flux. “ I installed an
app on Android phone ” What does install mean? Click a link? Say it? What is an app? Website? WeChat micro program? Android/Chrome? Google/Angular? Facebook/React? Phone? Watch? Amazon Echo?
There hasn’t been a more awesome time to write JavaScript
than today!
We are the last generation to know what a “browser”
is
Thanks! @auchenberg
More Decks by Kenneth Auchenberg
See All by Kenneth Auchenberg
BUILD 2017: Supercharge your JavaScript debugging workflow with VS Code 🔥
auchenberg
0
400
DevTools of The Future, JSCONF Asia 2016, Singapore
auchenberg
3
340
Future of DevTools, Full Stack Tech 2016, Argentina
auchenberg
0
220
JSCONF Columbia 2016: DevTools for the Progressive Web
auchenberg
1
390
JSCONF China 2016: DevTools for the Progressive Web
auchenberg
2
540
Edge DevTools Summer 2016
auchenberg
0
220
Web Rebels 16: DevTools for the Progressive Web
auchenberg
1
300
AtTheFrontend 16: DevTools for the Progressive Web
auchenberg
1
360
The future of DevTools with RemoteDebug
auchenberg
0
150
Other Decks in Programming
See All in Programming
Rails初心者がパスキーを実装してみて大変だったこと
ktombow
0
190
當我們開始不讀 Code - AI Agent 時代,Code Review 與 Clean Code 還剩下什麼?
jame2408
1
370
AIで開発が速くなった先で、開発チームは何を目指すか
shihochan
1
2k
TanStack Vue Query と Pinia Colada から学ぶ非同期状態の型設計
aoshi
0
670
Materialが消えた日 〜真っ白なFlutterキャンバスにRenderObjectで絵を描く〜
umigishiaoi
0
160
3回つくってわかった、 定期実行ジョブ基盤の本質情報
takai
4
3.9k
baseline으로 마이그레이션, 리팩토링 안전하게 맡기기
fornewid
1
980
現場と育てるRailsモデリング 〜Spreadsheetから始めたモデル設計〜
siroemk
2
1.2k
AI Augmentation Techniques with Liberty
ivargrimstad
1
470
Lambda durable functionsでHuman in the Loopを楽に…楽に……
har1101
2
310
조합이폭발하는디자인시스템이걸눈으로도테스트하라고요
giljongyu
0
750
そのデザイントークン、Flutterでも同じ見た目になりますか?
nakamizu
0
350
Featured
See All Featured
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
68
60k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
davidcarrasco
1
300
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
520
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
1k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
56k
Facilitating Awesome Meetings
lara
57
7.2k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
Making the Leap to Tech Lead
cromwellryan
135
10k
Become a Pro
speakerdeck
PRO
31
6.4k
Music & Morning Musume
bryan
48
7.5k
Exploring anti-patterns in Rails
aemeredith
4
570
Prompt Engineering for Job Search
mfonobong
0
580