What the Open Web Can Do For You

What the Open Web Can Do For You

Talk for the SHIFT Conference in Split, Croatia. May 24, 2013.

B498d33041627b07726dc29c28f02df7?s=128

Feross Aboukhadijeh

May 24, 2013
Tweet

Transcript

  1. OPEN WEB can do for you what the

  2. @feross

  3. HACK

  4. Build things HACK

  5. Build things HACK Break things

  6. OKAY, LET’S TALK ABOUT MY HACKS DOING THINGS IN PUBLIC

    WEB IDEALS & PRINCIPLES WEB TECHNOLOGY DEMOS!!!
  7. how i learned to program computers

  8. None
  9. Intel 386

  10. I ❤ THE WEB

  11. PeerCDN YouTube Instant Instant FM Feross.org (my blog) StudyNotes.org BrainGrinder.com

    FreeTheFlash.com Selective-Attention Like-Everything Instant translate iBoard WireSheep CCTV.js Fling ahh-windows StanfordACM.com EmuSpin.com more... PROJECTS FillDisk.com Fullscreen-API-Attack SpoofMAC md5-password-cracker.js webcam-spy detect-proxy CMSploit SECURITY HACKS
  12. PeerCDN YouTube Instant Instant FM Feross.org (my blog) StudyNotes.org BrainGrinder.com

    FreeTheFlash.com Selective-Attention Like-Everything Instant translate iBoard WireSheep CCTV.js Fling ahh-windows StanfordACM.com EmuSpin.com more... PROJECTS FillDisk.com Fullscreen-API-Attack SpoofMAC md5-password-cracker.js webcam-spy detect-proxy CMSploit SECURITY HACKS
  13. principles of the open web

  14. THE WEB IS: OPEN SOURCE (by default)

  15. HACKABLE THE WEB IS:

  16. THE WEB IS: LEVEL A (mostly) FIELD PLAYING

  17. your-site.com google.com

  18. All software Domain name Server hosting Learning FREE $10/yr $10/mo

    FREE
  19. projects my

  20. POWER of the WEB

  21. YouTube Instant

  22. FROM YOUTUBE CEO, CHAD HURLEY IN JUST 10 DAYS JOB

    OFFER AT GOOGLE BUILT IN 3 HOURS AS A BET WITH MY FRIEND 1 000 000 VISITORS
  23. DEMO ytinstant.com

  24. None
  25. None
  26. None
  27. None
  28. Instant FM

  29. WEB MASHUP FTW! WITH ONE FRIEND YOUTUBE + LAST.FM =

    MAGIC MAKE MUSIC PLAYLISTS TO SHARE WITH FRIENDS BUILT IN 3 MONTHS
  30. DEMO instant.fm

  31. web technology

  32. THE WEB IS THE NEW OS: WebGL & Typed Arrays

    & Canvas Web Workers & ASM.js & Emscriptem WebRTC & Web Sockets Web Storage & IndexedDB Desktop notifications & Fullscreen apps File API & Filesystem API Offline apps Geolocation Webcam & microphone access
  33. DEMO ALL THE THINGS!

  34. Peer CDN

  35. BY UP TO 90% BY HANDLING TRAFFIC SPIKES REDUCE SERVER

    COSTS MAKE YOUR SITE FASTER ALL THE BENEFITS OF A CDN MAKE YOUR SITE RELIABLE
  36. Server

  37. Server User 1

  38. Server User 1 User 2

  39. Server User 1 User 2 User 3

  40. None
  41. None
  42. None
  43. None
  44. CRASH !

  45. Server with PeerCDN

  46. User 1 Server with PeerCDN

  47. User 1 User 2 Server with PeerCDN

  48. User 1 User 2 User 3 Server with PeerCDN

  49. None
  50. :-)

  51. INSTALL

  52. DEMO peercdn.com

  53. BY UP TO 90% BY HANDLING TRAFFIC SPIKES REDUCE SERVER

    COSTS MAKE YOUR SITE FASTER ALL THE BENEFITS OF A CDN MAKE YOUR SITE RELIABLE
  54. Find out more: PeerCDN.com

  55. None
  56. thanks!

  57. feross aboukhadijeh feross.org @feross twitter+github:

  58. CREDITS Zach Holman for theme inspiration Internet designed by Fernando

    Vasconcelos from The Noun Project Computer designed by Alyssa Mahlberg from The Noun Project Muscle designed by Fernando Rojas Braga from The Noun Project Video Player designed by Mourad Mokrane from The Noun Project Headphones designed by Fredrik Jansson from The Noun Project Keyboard designed by Andrew Rockefeller from The Noun Project Hammer designed by John Caserta from The Noun Project Soccer Field designed by Matthias Schmidt und Jule Steffen from The Noun Project Mesh Network designed by Lance Weisser from The Noun Project Computer from The Noun Project SVG2Keynote