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

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.

Feross Aboukhadijeh

May 24, 2013
Tweet

More Decks by Feross Aboukhadijeh

Other Decks in Technology

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