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

The future of code

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Swwweet Swwweet
April 09, 2013
Technology
4
620

The future of code

Presentation by @htmlboy and @martuishere at Future Web: New Ideas for Design, Technology and Culture (WebVisions event), on April 2013.

Avatar for Swwweet

Swwweet

April 09, 2013
Tweet

More Decks by Swwweet

See All by Swwweet
Wonders from the Full Stack Fest website
Avatar for Swwweet swwweet
1
360
How to be the best web designer in the world.
Avatar for Swwweet swwweet
6
1.3k
Design for loading
Avatar for Swwweet swwweet
5
550
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
One Size Fits None
Avatar for Swwweet swwweet
12
890
One Size Fits None - From the Front 2013
Avatar for Swwweet swwweet
2
740
Responsively Responsive
Avatar for Swwweet swwweet
23
1.6k
La letra con píxel entra
Avatar for Swwweet swwweet
0
1.2k
RWD: Dealing with navigation
Avatar for Swwweet swwweet
5
540

Other Decks in Technology

See All in Technology
What happened to RubyGems and what can we learn?
Avatar for Mike McQuaid mikemcquaid
0
280
Introduction to Sansan for Engineers / エンジニア向け会社紹介
Avatar for Sansan, Inc. sansan33
PRO
6
68k
SREチームをどう作り、どう育てるか ― Findy横断SREのマネジメント
Avatar for adachi.ryo rvirus0817
0
210
会社紹介資料 / Sansan Company Profile
Avatar for Sansan, Inc. sansan33
PRO
15
400k
All About Sansan – for New Global Engineers
Avatar for Sansan, Inc. sansan33
PRO
1
1.3k
Agile Leadership Summit Keynote 2026
Avatar for seki at druby.org m_seki
1
590
制約が導く迷わない設計 〜 信頼性と運用性を両立するマイナンバー管理システムの実践 〜
Avatar for ないとー bwkw
3
920
ZOZOにおけるAI活用の現在 ~開発組織全体での取り組みと試行錯誤~
Avatar for ZOZO Developers zozotech
PRO
5
5.2k
10Xにおける品質保証活動の全体像と改善 #no_more_wait_for_test
Avatar for nihonbuson nihonbuson
PRO
2
240
Codex 5.3 と Opus 4.6 にコーポレートサイトを作らせてみた / Codex 5.3 vs Opus 4.6
Avatar for ama-ch ama_ch
0
140
顧客との商談議事録をみんなで読んで顧客解像度を上げよう
Avatar for shibayu36 shibayu36
0
220
プロダクト成長を支える開発基盤とスケールに伴う課題
Avatar for yuu26 yuu26
4
1.3k

Featured

See All Featured
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
180
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
231
22k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
1.8k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
0
1.1k
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1.1k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
51k
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
430
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
1.7k
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
2
190
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
54k
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
2
2.4k

Transcript

  1. CODE FOR THE FUTURE

  2. FUTURE OF CODE We were asked to give a talk

    about the
  3. None

  4. We just CAN’T KNOW how the future is going to

    be
  5. None
  6. None
  7. None

  8. But we can try to GUESS

  9. Internet enabled CARS?

  10. YEP

  11. Internet enabled FRIDGES?

  12. ALMOST THERE

  13. Internet enabled WATCHES?

  14. MAYBE

  15. Internet enabled WEARABLE DEVICES?

  16. SURE!

  17. The web is, and will be, UBIQUITOUS

  18. We should stop thinking about DEVICES...

  19. ...and start dealing with CONTEXTS

  20. CONTEXTS?

  21. VIEWPORTS

  22. SMALL(ish)

  23. WEIRD

  24. XXL

  25. DISTANCE

  26. SHORT

  27. LARGE

  28. BOTH!

  29. INPUTS

  30. TRADITIONAL

  31. EXPECTED

  32. FORGOTTEN

  33. NOT THERE YET

  34. MULTIPLE

  35. MIXED

  36. WEARABLE

  37. UH...

  38. We should stop trying to TAME THE WEB

  39. And embrace ITS DIVERSITY

  40. BUT HOW?

  41. ENHANCE DEVICE SPECIFIC CONTENT LAYOUT BEHAVIOUR

  42. DETECT

  43. RESPONSIVE

  44. BIG + BOLD

  45. KEEP TRACK

  46. KEEP TRACK BLINK

  47. In short: DON’T ASSUME too much

  48. Remember to code in 4 DIMENSIONS

  49. The bridge will exist IN THE FUTURE

  50. None

  51. THANKS! @htmlboy @martuishere