Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
ADVANCING THE WEB
WITHOUT BREAKING IT
CHRIS HEILMANN (@CODEPO8), BEYOND TELLERAND 2015, DÜSSELDORF
THIS IS A TIME OF
CLASHES…
THIS IS A TIME OF
CLASHES…
• Native vs. Web
• io vs node
• virtual DOM vs. DOM
• App vs. Web Site
• SASS vs. CSS
• Angular...
AND BOY, DO WE
WRITE AND POST
AND DISCUSS A LOT
ABOUT ALL OF
THAT…
FRANKLY, I AM
GETTING TIRED OF
THIS…
WE CARED ABOUT
THE WEB AS AN
INFRASTRUCTURE
AND A PUBLICATION
PLATFORM.
Amount of
comments
Shits I am
ready to
give
HACKER...
BACK IN THE DAYS,
WEB DEVELOPERS
WERE INNOVATORS.
WE HAD NO CLUE
WHAT BROWSERS
DID. WE USED
WHAT WE HAD
AND HACKED
AROUND THE
PROBLEMS.
• Sliding Doors
• CSS Sprites
• FIR
...
ALL OF THESE
TECHNIQUES
WERE AIMED AT
CREATING USER
INTERFACES.
WE CARED ABOUT
THE WEB AS AN
INFRASTRUCTURE
AND A PUBLICATION
PLATFORM.
NOW WE ARE IN
THE MIDDLE OF A
ENGINEERING
TAKEOVER.
THE WEB HAS
BECOME MORE
COMPLEX
• We know the inner workings of
browsers
• A lot of the web innovation
happens in the open...
AND THAT IS VERY
EXCITING!
WE DON’T
DEMAND THE
IMPORTANT,
BASIC THINGS
FROM BROWSER
MAKERS.
TO BE A “MODERN”
FULL STACK
DEVELOPER YOU
NEED TO USE…
• Task runners
• CSS preprocessors
• Package managers
• MVC Framewo...
THIS IS UNDERSTANDABLE.
WE HAVE GREAT TOOLS
AND POWER AND ARE
CONSTANTLY REMINDED
THAT TIME IS OF THE
ESSENCE.
Steve Jobs/Apple Sergey Brin / Google
Mark Zuckerberg/FacebookTravis Kalanick / Uber
When you see something
that is techni...
When you see something
that is technically sweet, you
go ahead and do it and you
argue about what to do
about it only afte...
STORIES OF
GREAT, QUICK
SUCCESS ALWAYS
RESULT IN STRESS
AND UNHEALTHY
COMPETITION
I DON’T WANT TO
PLAY THAT GAME.
ZOMG CODE IS
EVERYTHING!
EVERYBODY
NEEDS TO LEARN
TO CODE!
https://twitter.com/StartupLJackson/status/594283350019280897
CODE
NOT EVERYBODY
NEEDS TO CODE.
EVERYBODY
NEEDS TO LEARN
TO CREATE AND
CARE.
WE REALLY
DROPPED THE
BALL ON THAT
ONE.
THE LURE OF THE
WEB FOR
COMPANIES AND
DEVELOPERS IS
FADING.
OLD CLUTTER,
NEW WEB?
https://twitter.com/Caged/status/590602214021922818
WE NEED TO
CHANGE AND
ADAPT.
AND IT IS TIME WE
FACED SOME
COMMERCIAL
FACTS.
OUR BEST
PRACTICES AND
IDEALS ALL DEAL
WITH LONGEVITY
AND STURDINESS.
AND WE SEEM TO
GET INTO A
WORLD WHERE
ONLY WE CARE.
“We crave for new
sensations but soon
become indifferent to them.
The wonders of yesterday
are today common
occurrences.”
...
ARE YOU READY TO
ROCK THE WORLD
OF “GENERATION
SELFIE”?
TIMELESS BEAUTY
AND DESIGN…
LET’S GET THEM
YOUNG AND KEEP
THEM FOR LIFE?
WE’RE TRYING TO
COMPETE WITH A
MARKET DESIGNED
TO BE SHORT-LIVED
WITH IDEALS OF
LONGEVITY.
AT THE SAME
TIME, OUR
WORLD IS MORE
AMAZING THAN
EVER.
• Google implementing Microsoft’s
Pointer Events
• Microsoft implem...
LET ME TAKE YOU
BACK TO
SOMETHING I
LOVED AS A
TEENAGER.
WE’RE TRYING TO
COMPETE WITH A
MARKET DESIGNED
TO BE SHORT-LIVED
WITH IDEALS OF
LONGEVITY.
160 × 200 PIXELS
(ON A 320 × 200 PIXELS DISPLAY)
16 PREDEFINED COLOURS
1 SCREEN-WIDE
BACKGROUND COLOUR.
3 COLOURS IN EACH
...
160 × 200 PIXELS
(ON A 320 × 200 PIXELS DISPLAY)
16 PREDEFINED COLOURS
1 SCREEN-WIDE
BACKGROUND COLOUR.
3 COLOURS IN EACH
...
160 × 200 PIXELS
(ON A 320 × 200 PIXELS DISPLAY)
16 PREDEFINED COLOURS
1 SCREEN-WIDE
BACKGROUND COLOUR.
3 COLOURS IN EACH
...
160 × 200 PIXELS
(ON A 320 × 200 PIXELS DISPLAY)
16 PREDEFINED COLOURS
1 SCREEN-WIDE
BACKGROUND COLOUR.
3 COLOURS IN EACH
...
EXCELLENCE ≠ INNOVATION + IMPLEMENTATION
EXCELLENCE = (TALENT + EFFORT + TOOLS) *
SHITS GIVEN
TOOLS ARE ALL
ABOUT THE
MINIMUM VIABLE
PRODUCT.
LET’S GO AND
BUILD GREAT
PRODUCTS FOR
EVERYBODY
EXCELLENCE = (TALENT + EFFORT) * SHITS GIVEN
YOU’RE ANGRY
AND THIS
OBVIOUSLY
ANNOYS YOU…
WHAT ARE YOU
GOING TO DO
ABOUT IT?
Chris
christianheilmann.com
@codepo8
Thanks!
Advancing the web without breaking it - #btconf
You’ve finished this document.
Download and read it offline.
Upcoming SlideShare
Dealing with the fall-out – Elliot Jay Stocks
Next
Upcoming SlideShare
Dealing with the fall-out – Elliot Jay Stocks
Next
Download to read offline and view in fullscreen.

Share

Advancing the web without breaking it - #btconf

Download to read offline

Keynote at Beyond Tellerand 2015

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!
  • kenjoyb

    May. 12, 2015
  • jitendra.web

    May. 12, 2015

Keynote at Beyond Tellerand 2015

Views

Total views

3,483

On Slideshare

0

From embeds

0

Number of embeds

309

Actions

Downloads

11

Shares

0

Comments

0

Likes

2

×