What the Open Web Can Do For You

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

Transcript

1. OPEN WEB
   can do for you
   what the
   

   View Slide

2. @feross
   

   View Slide

3. HACK
   

   View Slide

4. Build things
   HACK
   

   View Slide

5. Build things
   HACK
   Break things
   

   View Slide

6. OKAY, LET’S TALK ABOUT
   MY HACKS
   DOING THINGS IN PUBLIC
   WEB IDEALS & PRINCIPLES
   WEB TECHNOLOGY
   DEMOS!!!
   

   View Slide

7. how i learned to
   program computers
   

   View Slide

8. View Slide

9. Intel 386
   

   View Slide

10. I
    ❤
    THE WEB
    

    View Slide

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
    

    View Slide

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
    

    View Slide

13. principles of the
    open web
    

    View Slide

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

    View Slide

15. HACKABLE
    THE WEB IS:
    

    View Slide

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

    View Slide

17. your-site.com
    google.com
    

    View Slide

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

    View Slide

19. projects
    my
    

    View Slide

20. POWER
    of the
    WEB
    

    View Slide

21. YouTube Instant
    

    View Slide

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
    

    View Slide

23. DEMO
    ytinstant.com
    

    View Slide

24. View Slide

25. View Slide

26. View Slide

27. View Slide

28. Instant FM
    

    View Slide

29. WEB MASHUP FTW!
    WITH ONE FRIEND
    YOUTUBE + LAST.FM = MAGIC
    MAKE MUSIC PLAYLISTS
    TO SHARE WITH FRIENDS
    BUILT IN 3 MONTHS
    

    View Slide

30. DEMO
    instant.fm
    

    View Slide

31. web
    technology
    

    View Slide

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
    

    View Slide

33. DEMO
    ALL THE THINGS!
    

    View Slide

34. Peer CDN
    

    View Slide

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
    

    View Slide

36. Server
    

    View Slide

37. Server
    User 1
    

    View Slide

38. Server
    User 1 User 2
    

    View Slide

39. Server
    User 1 User 2 User 3
    

    View Slide

40. View Slide

41. View Slide

42. View Slide

43. View Slide

44. CRASH !
    

    View Slide

45. Server
    with PeerCDN
    

    View Slide

46. User 1
    Server
    with PeerCDN
    

    View Slide

47. User 1 User 2
    Server
    with PeerCDN
    

    View Slide

48. User 1 User 2
    User 3
    Server
    with PeerCDN
    

    View Slide

49. View Slide

50. :-)
    

    View Slide

51. INSTALL
    

    View Slide

52. DEMO
    peercdn.com
    

    View Slide

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
    

    View Slide

54. Find out more:
    PeerCDN.com
    

    View Slide

55. View Slide

56. thanks!
    

    View Slide

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

    View Slide

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
    

    View Slide