Advancing the web without breaking it - #btconf

2,832 views

Published on

Keynote at Beyond Tellerand 2015

Published in: Education
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,832
On SlideShare
0
From Embeds
0
Number of Embeds
299
Actions
Shares
0
Downloads
10
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Advancing the web without breaking it - #btconf

  1. 1. ADVANCING THE WEB WITHOUT BREAKING IT CHRIS HEILMANN (@CODEPO8), BEYOND TELLERAND 2015, DÜSSELDORF
  2. 2. THIS IS A TIME OF CLASHES…
  3. 3. THIS IS A TIME OF CLASHES… • Native vs. Web • io vs node • virtual DOM vs. DOM • App vs. Web Site • SASS vs. CSS • Angular vs. React • Gulp vs. Grunt • Düsseldorf vs. Köln
  4. 4. AND BOY, DO WE WRITE AND POST AND DISCUSS A LOT ABOUT ALL OF THAT…
  5. 5. FRANKLY, I AM GETTING TIRED OF THIS…
  6. 6. WE CARED ABOUT THE WEB AS AN INFRASTRUCTURE AND A PUBLICATION PLATFORM. Amount of comments Shits I am ready to give HACKER NEWS DRAMA
  7. 7. BACK IN THE DAYS, WEB DEVELOPERS WERE INNOVATORS.
  8. 8. WE HAD NO CLUE WHAT BROWSERS DID. WE USED WHAT WE HAD AND HACKED AROUND THE PROBLEMS. • Sliding Doors • CSS Sprites • FIR • Clearfix • …
  9. 9. ALL OF THESE TECHNIQUES WERE AIMED AT CREATING USER INTERFACES.
  10. 10. WE CARED ABOUT THE WEB AS AN INFRASTRUCTURE AND A PUBLICATION PLATFORM.
  11. 11. NOW WE ARE IN THE MIDDLE OF A ENGINEERING TAKEOVER.
  12. 12. THE WEB HAS BECOME MORE COMPLEX • We know the inner workings of browsers • A lot of the web innovation happens in the open • JavaScript is server and client side • With mobile, we have a fast growing market that treats web content and technology as 2nd class.
  13. 13. AND THAT IS VERY EXCITING!
  14. 14. WE DON’T DEMAND THE IMPORTANT, BASIC THINGS FROM BROWSER MAKERS.
  15. 15. TO BE A “MODERN” FULL STACK DEVELOPER YOU NEED TO USE… • Task runners • CSS preprocessors • Package managers • MVC Frameworks • Unit tests • A “modern” development environment with live reload and 360° inspection. “Magical Framework and modern solution to everything and more” of this month. or…
  16. 16. THIS IS UNDERSTANDABLE. WE HAVE GREAT TOOLS AND POWER AND ARE CONSTANTLY REMINDED THAT TIME IS OF THE ESSENCE.
  17. 17. Steve Jobs/Apple Sergey Brin / Google Mark Zuckerberg/FacebookTravis Kalanick / Uber When you see something that is technically sweet, you go ahead and do it and you argue about what to do about it only after you have had your technical success.
  18. 18. When you see something that is technically sweet, you go ahead and do it and you argue about what to do about it only after you have had your technical success. That is the way it was with the atomic bomb. J. Robert Oppenheimer/Manhattan Project
  19. 19. STORIES OF GREAT, QUICK SUCCESS ALWAYS RESULT IN STRESS AND UNHEALTHY COMPETITION
  20. 20. I DON’T WANT TO PLAY THAT GAME.
  21. 21. ZOMG CODE IS EVERYTHING!
  22. 22. EVERYBODY NEEDS TO LEARN TO CODE! https://twitter.com/StartupLJackson/status/594283350019280897
  23. 23. CODE
  24. 24. NOT EVERYBODY NEEDS TO CODE.
  25. 25. EVERYBODY NEEDS TO LEARN TO CREATE AND CARE.
  26. 26. WE REALLY DROPPED THE BALL ON THAT ONE.
  27. 27. THE LURE OF THE WEB FOR COMPANIES AND DEVELOPERS IS FADING.
  28. 28. OLD CLUTTER, NEW WEB? https://twitter.com/Caged/status/590602214021922818
  29. 29. WE NEED TO CHANGE AND ADAPT.
  30. 30. AND IT IS TIME WE FACED SOME COMMERCIAL FACTS.
  31. 31. OUR BEST PRACTICES AND IDEALS ALL DEAL WITH LONGEVITY AND STURDINESS.
  32. 32. AND WE SEEM TO GET INTO A WORLD WHERE ONLY WE CARE.
  33. 33. “We crave for new sensations but soon become indifferent to them. The wonders of yesterday are today common occurrences.” ― Nikola Tesla, My Inventions
  34. 34. ARE YOU READY TO ROCK THE WORLD OF “GENERATION SELFIE”?
  35. 35. TIMELESS BEAUTY AND DESIGN…
  36. 36. LET’S GET THEM YOUNG AND KEEP THEM FOR LIFE?
  37. 37. WE’RE TRYING TO COMPETE WITH A MARKET DESIGNED TO BE SHORT-LIVED WITH IDEALS OF LONGEVITY.
  38. 38. AT THE SAME TIME, OUR WORLD IS MORE AMAZING THAN EVER. • Google implementing Microsoft’s Pointer Events • Microsoft implementing Adobe’s CSS blend modes code • Manifold.js - create native apps from web code with W3C manifest • Vorlon.js - debug across all platforms
  39. 39. LET ME TAKE YOU BACK TO SOMETHING I LOVED AS A TEENAGER.
  40. 40. WE’RE TRYING TO COMPETE WITH A MARKET DESIGNED TO BE SHORT-LIVED WITH IDEALS OF LONGEVITY.
  41. 41. 160 × 200 PIXELS (ON A 320 × 200 PIXELS DISPLAY) 16 PREDEFINED COLOURS 1 SCREEN-WIDE BACKGROUND COLOUR. 3 COLOURS IN EACH 8 × 8 (4 × 2) PIXEL SQUARE
  42. 42. 160 × 200 PIXELS (ON A 320 × 200 PIXELS DISPLAY) 16 PREDEFINED COLOURS 1 SCREEN-WIDE BACKGROUND COLOUR. 3 COLOURS IN EACH 8 × 8 (4 × 2) PIXEL SQUARE
  43. 43. 160 × 200 PIXELS (ON A 320 × 200 PIXELS DISPLAY) 16 PREDEFINED COLOURS 1 SCREEN-WIDE BACKGROUND COLOUR. 3 COLOURS IN EACH 8 × 8 (4 × 2) PIXEL SQUARE
  44. 44. 160 × 200 PIXELS (ON A 320 × 200 PIXELS DISPLAY) 16 PREDEFINED COLOURS 1 SCREEN-WIDE BACKGROUND COLOUR. 3 COLOURS IN EACH 8 × 8 (4 × 2) PIXEL SQUARE • MUCH BETTER TOOLING • EXPERIENCE • SHARED TRICKERY AND KNOWLEDGE • A LOT OF SHITS GIVEN.
  45. 45. EXCELLENCE ≠ INNOVATION + IMPLEMENTATION
  46. 46. EXCELLENCE = (TALENT + EFFORT + TOOLS) * SHITS GIVEN
  47. 47. TOOLS ARE ALL ABOUT THE MINIMUM VIABLE PRODUCT.
  48. 48. LET’S GO AND BUILD GREAT PRODUCTS FOR EVERYBODY
  49. 49. EXCELLENCE = (TALENT + EFFORT) * SHITS GIVEN
  50. 50. YOU’RE ANGRY AND THIS OBVIOUSLY ANNOYS YOU… WHAT ARE YOU GOING TO DO ABOUT IT?
  51. 51. Chris christianheilmann.com @codepo8 Thanks!

×