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

Rebuilding the Ship as it Sails

Avatar for Philip James Philip James
December 09, 2015
Technology
67
0

Rebuilding the Ship as it Sails

Making large legacy sites responsive.

Avatar for Philip James

Philip James

December 09, 2015

More Decks by Philip James

See All by Philip James
Frog and Toad Learn about Django Security - NBT6
Avatar for Philip James phildini
0
32
The Elephant and the Serpent (PyLatam 2019)
Avatar for Philip James phildini
0
74
Account Security for the Fashionable App Developer
Avatar for Philip James phildini
1
74
All in the Timing: Side-Channel Attacks
Avatar for Philip James phildini
0
74
Giving Thanks
Avatar for Philip James phildini
0
49
All in the Timing: Side-Channel Attacks in Python
Avatar for Philip James phildini
0
430
API-Driven Django
Avatar for Philip James phildini
1
440
Type uWSGI; Press Enter; What Happens?
Avatar for Philip James phildini
0
120
Type uWSGI; Press Enter; What Happens?
Avatar for Philip James phildini
1
91

Other Decks in Technology

See All in Technology
Chart.js が簡単に使えるようになっていたので OGP 画像生成に使った話
Avatar for すずとも kamekyame
0
130
BigQuery の Cross-cloud Lakehouse への歩み
Avatar for Tomonori Hayashi / ぴーはや phaya72
2
330
ルールやカスタム機能、どう使う？理想の出力を引き出すために今知りたいIBM Bob 5つの機能
Avatar for mu (Mizuho Uehara) muehara
1
280
サプライチェーンセキュリティの空白地帯 - 信頼できる”依存性”の未来を考える
Avatar for Hiroki Suezawa (@rung) rung
PRO
2
640
「速く作る」から「正しく作る」へ ─ 生成AI時代の開発フロー改革の ロードマップと実行 ─
Avatar for starfish719 starfish719
0
3.8k
JEP 522 Deep Dive - G1 GC同期コスト削減によるスループット向上を徹底検証&解説
Avatar for Daishi Tabata tabatad
1
630
PHP と TypeScript の型システム比較：AI 時代の「型」は誰のためにあるのか？ #frontend_phpcon_do / frontend_phpcon_do_2026
Avatar for shogogg shogogg
1
240
製造業のクラウド活用最適解〜AI，DXを加速するデータ基盤の作り方〜
Avatar for 濱田孝治 hamadakoji
0
300
運用を見据えたAIエージェント設計実践
Avatar for amacbee amacbee
0
1.9k
個人最適 から 全体最適 へ　AI情報共有会・AIギルド・AI-DLC で進める カンリーの組織展開
Avatar for ふくだ（fukuda ryu） rfdnxbro
0
620
APIテストとは？
Avatar for 草薙昭彦 nagix
0
170
AI Engineering Summit Tokyo 2026 AIの前に、やることがある 〜医療データ企業の4フェーズ〜
Avatar for Daisuke Taniwaki dtaniwaki
0
960

Featured

See All Featured
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
220
Designing for Performance
Avatar for Lara Hogan lara
611
70k
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon Słowik szymonslowik
1
320
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.5k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
Avatar for Tomoya Matsuura tomoyanonymous
2
840
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
1
1.3k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
570
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
150
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
40k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k

Transcript

  1. Rebuilding the Ship as it Sails Making Large Legacy Sites

    Responsive Philip James @phildini

  2. Who’s this guy? #htmlshipwright @phildini

  3. What challenge were we trying to solve? #htmlshipwright @phildini

  4. #htmlshipwright @phildini

  5. Yes, this is possible #htmlshipwright @phildini

  6. Preparing to Make Sail Make it Easy to Not Write

    Code #htmlshipwright @phildini

  7. Have a Styleguide #htmlshipwright @phildini

  8. None

  9. Dorsal Decorate HTML, get rich JS components http://eventbrite.github.io/dorsal/ #htmlshipwright @phildini

  10. #htmlshipwright @phildini

  11. Anchors Away Get Everyone Involved #htmlshipwright @phildini

  12. You Need A Map #htmlshipwright @phildini

  13. Let Your Sailors Choose Their Posting #htmlshipwright @phildini

  14. What on Earth am I going to do with these

    backend engineers? #htmlshipwright @phildini

  15. Train everyone. #htmlshipwright @phildini

  16. Full Steam Ahead! #htmlshipwright @phildini

  17. Test. Preferably on actual devices #htmlshipwright @phildini

  18. Celebrate! #htmlshipwright @phildini

  19. Results #htmlshipwright @phildini

  20. 1327 CODE COMMITS 1308 FILES CHANGED 50491 INSERTIONS 56786 DELETIONS

    113 PAGES DONE #htmlshipwright @phildini

  21. #htmlshipwright @phildini

  22. Takeaways #htmlshipwright @phildini • You CAN do this • Build

    tools to help • Train Everyone

  23. Thanks! Questions? #htmlshipwright @phildini