Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Blur the Lines: How to write web apps that loo...

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Rob Tarr Rob Tarr
July 28, 2013
Technology
99
0

Blur the Lines: How to write web apps that look native.

This is a brief deck to go along with my proposal for SXSW 2014.

Avatar for Rob Tarr

Rob Tarr

July 28, 2013

More Decks by Rob Tarr

See All by Rob Tarr
Frontend_Testing.pdf
Avatar for Rob Tarr robtarr
0
120
Blur the Lines: Write Web Apps That Feel Native
Avatar for Rob Tarr robtarr
1
110
Blur The Lines - Native Feeling Web Apps
Avatar for Rob Tarr robtarr
0
95
Responsive JavaScript
Avatar for Rob Tarr robtarr
4
960
Development Tools and Responsive JavaScript
Avatar for Rob Tarr robtarr
1
180
JavaScript App Development
Avatar for Rob Tarr robtarr
3
400

Other Decks in Technology

See All in Technology
V8コントリビュート超入門
Avatar for Riya Amemiya riyaamemiya
0
150
Bet AI Day 2026丨バクラク Autopilot、業務システムの再設計
Avatar for LayerX layerx
PRO
2
1.6k
リージョンの壁を越える、 ちょっと変わったAWSサービスの話
Avatar for Michael Tedder falken
PRO
0
270
プロダクトエンジニアに必要な「いい感じ」に作る能力 〜たくさん作れる時代に、どこまで作るかの決め方〜
Avatar for Jotaro Nishime jnishime_dresscode
2
1.4k
GoCon2026 - Open Source, Open World
Avatar for sanposhiho sanposhiho
1
360
例外の正しい扱い方 そのエラー try-catchして大丈夫？
Avatar for Watanabe Jin jinwatanabe
2
260
PfEingのアプローチで働こう
Avatar for rin（林晃 / Akira Hayashi） rindrics
0
200
GoにおけるFFIのこれまでとこれから
Avatar for Masaaki Goshima goccy
2
660
Beyond the Hype: Practical AI for Your Oracle Database with MCP
Avatar for thatjeffsmith thatjeffsmith
1
280
GuardDuty 検知対応を DevOps Agent で効率化しようとしている話 / GuardDuty Investigations with DevOps Agent
Avatar for MasahiroKawahara masahirokawahara
1
330
こんなアーキテクチャ図は嫌だ BEYOND THE TIME: 半年後の自分へ贈る15のメッセージ / 15 of Anti-pattern in AWS Architecture Diagrams
Avatar for Naomi Yamasaki naospon
3
270
ペアプロの価値はコードを書くことだけじゃない
Avatar for コドモン開発チーム codmoninc
PRO
0
140

Featured

See All Featured
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
74
42k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
310
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
8
36k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.3k
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
6k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
306
120k
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
230
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
550
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
69
65k
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
2
560
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
220k

Transcript

  1. Rob Tarr Blur the Lines: Write web apps that look

    native

  2. Blur the Lines: Write web apps that look native Who’s

    Your Audience?

  3. There are some advantages to a native app

  4. A few native app cons ‣ Limited to certain devices

    - iOS vs. Android ‣ Approval processes ‣ Delay in pushing out updates ‣ Some users don’t upgrade

  5. A few web app cons ‣ Limited performance ‣ Limited

    access to APIs ‣ Nobody backing the app saying it’s safe ‣ Publicity

  6. Some things to keep in mind: ‣ Browser quirks -

    position: fixed - weird support for some features ‣ New APIs - Geolocation - Battery - Camera

  7. ‣ Touch events ‣ Speed - AppCache - JS Performance

    Some things to keep in mind:

  8. Let’s Build an App!

  9. Blur the Lines: Write web apps that look native

  10. THANKS! @robtarr [email protected]