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

Fluent Conf 2013 Summary

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Guille Paz Guille Paz
July 27, 2013
Technology
120
0

Fluent Conf 2013 Summary

Progressive Enhancement and History API on Twitter.

Avatar for Guille Paz

Guille Paz

July 27, 2013

More Decks by Guille Paz

See All by Guille Paz
The Road to Node
Avatar for Guille Paz pazguille
0
270
No me robes el Scroll!
Avatar for Guille Paz pazguille
0
290
User First
Avatar for Guille Paz pazguille
1
220
#OfflineFirst
Avatar for Guille Paz pazguille
3
6k
ES6 in Production
Avatar for Guille Paz pazguille
10
3.2k
No me hagas esperar!
Avatar for Guille Paz pazguille
1
210
CSS Sprites vs. Data URIs
Avatar for Guille Paz pazguille
0
460
Hello, Style Guides!
Avatar for Guille Paz pazguille
0
280
Decoupling your JavaScript
Avatar for Guille Paz pazguille
0
190

Other Decks in Technology

See All in Technology
気軽に使える"情報のハブ"としてのNotion活用　〜フロー情報の集積点 と、 Claude Code × Notion AI〜
Avatar for Ryo Okubo syucream
1
150
Kubernetesにおける学習基盤とLLMOpsの概要
Avatar for ry ry
1
320
【セミナー資料】Claude Code をセキュアに使うための考え方と設定の勘どころ / Claude Code Webinar 20260616
Avatar for MasahiroKawahara masahirokawahara
2
420
Android の公式 Skill / Android skills
Avatar for Yuki Anzai yanzm
0
160
小さく始める AI 活用推進 ― 日経電子版 Web チームの事例/nikkei-tech-talk47
Avatar for 日本経済新聞社 エンジニア採用事務局 nikkei_engineer_recruiting
0
300
FPGAの開発コンペでZephyrを使ってみた
Avatar for misoji engineer iotengineer22
0
140
2026TECHFRESH畢業分享會 - Lightning Talk - 資料也要 CI/CD? 用 Airbyte 自動化資料同步
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
1.3k
不要なレビューをAIにまかせて AIコーディングの環境改善を加速した
Avatar for shoota shoota
1
230
2026TECHFRESH畢業分享會 - 原生還是跨平台? App 開發踩坑實錄
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
1.3k
Agile and AI Redmine Japan 2026
Avatar for Kenji Hiranabe hiranabe
3
290
あなたの知らないPDFのアクセシビリティ
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
220
2026TECHFRESH畢業分享會 - Lightning Talk - 打造精準高效的 MCP 設計模式與測試實務
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
1.3k

Featured

See All Featured
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
55k
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
280
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
220
HDC tutorial
Avatar for Michiel Stock michielstock
2
720
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
63k
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
350
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
1
2.2k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
96
14k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
320
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
0
160

Transcript

  1. Summary

  2. None
  3. None
  4. None

  5. Thanks!

  6. Experiences along the time

  7. What happened in 2010?

  8. None
  9. None

  10. CORE functionality

  11. User should be able to navigate between section of the

    site

  12. Navigation between sections should be fast

  13. URLs should be accessible regardless of the client’s abilities

  14. Make page navigation easier and faster

  15. Render runs on Server and Client

  16. Routing model on the Client (mustache)

  17. Strong relationship between a URL and its content

  18. #Hash Navigation (hashbang)

  19. None

  20. JavaScript is the core technology

  21. 2011

  22. Optimizations available only on the Server

  23. Multiples URLs

  24. None

  25. Multiples Requests

  26. Bad page-load performance

  27. 2012

  28. Moving the rendering to the Server

  29. No more #!

  30. Just one URL

  31. Load only what we need

  32. 2013

  33. Speed up navigation between pages

  34. One view, two types of requests

  35. Server

  36. None

  37. Client

  38. History API

  39. None
  40. None
  41. None
  42. None

  43. Hijax

  44. Be like water

  45. The End

  46. Questions