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.
Chris Heilmann (@codepo8) - Codemotion, Rome, March 2015
NO MORE EXCUSES!
LET’S BUILD BEAUTIFUL
THINGS ON THE WEB
@codepo8
Chris Heilmann
THE WEB AS WE
KNOW IT IS IN
DANGER…
•Native apps on monolithic,
closed systems
•Browser dependencies
•Government control a...
WE SHOULD BE
UP IN ARMS
ABOUT THIS…
I FEEL WE’VE
LOST OUR
COMMUNICATION
SKILLS.
BUILDING FOR A
WORLD THAT
MOSTLY EXISTS IN
OUR TECH-PRESS
HEADLINES.
WE KEEP GOING
TO OUR OWN,
HAPPY PLACE.
EVERYBODY
ALREADY HAS A…
•iPhone/iPad/iWatch
•State of the Art Android
phone
•Retina Macbook Pro
•2 gigabit connection wit...
WEBSITE OBESITY IS
NOT UNCOMMON…
TO BE A “MODERN”
FULL STACK
DEVELOPER YOU
NEED TO USE…
• Task runners
• CSS preprocessors
• Package managers
• MVC Framewo...
THE WEB IS THE
SUCCESS IT IS,
BECAUSE IT WAS
SIMPLE TO WORK
ON IT!
POWER TOOLS
ARE FOR EXPERT
USERS - NOT A
PRELIMINARY…
WE NEED TO
STOP GORGING
ON TECHNOLOGY
AND INNOVATION
AND BUILD FOR
PEOPLE WHO
ARE NOT US.
BECAUSE WE
CAN’T JUST
ASSUME PEOPLE
USING THESE
POWERFUL
TOOLS IN A
SENSIBLE WAY…
FRAMEWORKS
RESULT IN
PERFORMING
SOLUTIONS!
http://www.webpagetest.org/video/view.php?id=150314_Q2_DEY.1.0Tested From: Virg...
WELL, PROBABLY
ON MOBILE,
RIGHT?
http://www.webpagetest.org/video/view.php?id=150314_7R_DTG.1.0Tested From: Dulles, VA - N...
“MODERN WEB DESIGN”
http://gochat.us/
MAYBE I AM JUST
A TAINTED,
GRUMPY, AND
OLD CODER
“MODERN” IS A
NONSENSE TERM!
TOOLS WILL FAIL
YOU.
KNOWLEDGE
DOESN’T.
MAKE MISTAKES, REPEAT, IMPROVE…
OUR JOBS ARE
NEVER BORING
AND THERE IS SO
MUCH TO DO!
A LOT OF WHAT WE
HAVE TO USE HURTS
ME AS A WEB
DEVELOPER…
LET’S PLAY
“FIND THE
NECESSARY
ACTION”
OR “WHAT THE
HELL IS GOING ON
HERE?”
A LOT HAS TO DO WITH
OUTDATED SYSTEMS NOT
GETTING UPGRADED.
BY FAR THE #1 REASON
I GOT FROM WEB
DEVELOPERS NOT
EMBRACING HTML5:
WE NEED TO SUPPORT
INTERNET EXPLORER!
THIS EVEN BECAME A
RUNNING GAG…
AND I GOT SO TIRED
OF IT, I DID SOMETHING
ABOUT IT.
OF COURSE,
THERE’S COOL
INNOVATION TO
PLAY WITH…
ENTERPRISE
INTERNET
BACKWARDS
COMPATIBILITY
SHOULDN’T BE A
NUISANCE…
IS NO EXCUSE FOR
LAZY, BLOATED, BAD
CODE ANY LONGER!
WE NEED TO SUPPORT
INTERNET EXPLORER!
PROJECT
SPARTAN
•Out-of-the-box browser on
Windows 10
•Evergreen browser =
independent of Windows
version/update
•Excellent standards supp...
FRIENDS,
ROMANS,
COUNTRYMEN,
LEND ME YOUR
EARS!
GET INSIDE AND
GIVE FEEDBACK!
https://insider.windows.com/
REQUEST
FEATURES!
https://wpdev.uservoice.com/forums/257854-internet-explorer-platform
EVEN IF YOU
DON’T CARE,
PLEASE MAKE
THE WEB BETTER
FOR ALL!
CHECK BACK
FREQUENTLY
AND BET ON
INTEROP!
https://status.modern.ie/
THERE IS NO
SINGLE PLAYER
OR WINNER OF
THE WEB!
ALL BROWSER MAKERS
TALK TO EACH OTHER
AND FIND SIMILARITIES
TO SUPPORT!
CHROME TO
IMPLEMENT
MICROSOFT’S
POINTER EVENTS
https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/ODWmcKNQl0I
ANGULAR 2 POWERED
BY MICROSOFT
TYPESCRIPT
(TO EASE INTO ES6/ES2015)
http://blogs.msdn.com/b/typescript/archive/2015/03/05/...
MICROSOFT
IMPLEMENTING
ADOBE’S BLEND
MODES FOR
SVG + CSS.
http://blogs.msdn.com/b/ie/archive/2015/03/23/partnering-with-ad...
READ UP-TO-DATE
INFORMATION AND
LEARN INSTEAD OF
COPY AND PASTE!
https://developer.mozilla.org/
CHECK BACK ON
BROWSER INTEROP!
http://caniuse.com
BROWSERS CAN’T
GET BETTER IF WE
NEED TO CATER TO
OLD MISTAKES…
SINS OF WEB
DEVELOPERS THAT
NEED TO STOP.
•User Agent sniffing
•Reliance on experimental
features (-webkit-, -moz-, -ms-
…...
UNBLOCK THE PIPES,
PLEASE!
SPEED UP YOUR
PRODUCTS!
http://www.webpagetest.org/
LET’S GO AND
BUILD GREAT
PRODUCTS FOR
EVERYBODY
Chris Heilmann
christianheilmann.com
@codepo8
Grazie!
Upcoming SlideShare
Loading in …5
×

No more excuses! Let's build beautiful things. #codemotion Rome

4,244 views

Published on

A quick reminder of how we make it too complex for ourselves as web developers these days, and how changes in the browser world mean mainly one thing: build to standards.

Published in: Education
  • Be the first to comment

No more excuses! Let's build beautiful things. #codemotion Rome

  1. 1. Chris Heilmann (@codepo8) - Codemotion, Rome, March 2015 NO MORE EXCUSES! LET’S BUILD BEAUTIFUL THINGS ON THE WEB
  2. 2. @codepo8 Chris Heilmann
  3. 3. THE WEB AS WE KNOW IT IS IN DANGER… •Native apps on monolithic, closed systems •Browser dependencies •Government control and lockout •Corporate lockout •Walled content gardens
  4. 4. WE SHOULD BE UP IN ARMS ABOUT THIS…
  5. 5. I FEEL WE’VE LOST OUR COMMUNICATION SKILLS.
  6. 6. BUILDING FOR A WORLD THAT MOSTLY EXISTS IN OUR TECH-PRESS HEADLINES.
  7. 7. WE KEEP GOING TO OUR OWN, HAPPY PLACE.
  8. 8. EVERYBODY ALREADY HAS A… •iPhone/iPad/iWatch •State of the Art Android phone •Retina Macbook Pro •2 gigabit connection without data limits
  9. 9. WEBSITE OBESITY IS NOT UNCOMMON…
  10. 10. 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…
  11. 11. THE WEB IS THE SUCCESS IT IS, BECAUSE IT WAS SIMPLE TO WORK ON IT!
  12. 12. POWER TOOLS ARE FOR EXPERT USERS - NOT A PRELIMINARY…
  13. 13. WE NEED TO STOP GORGING ON TECHNOLOGY AND INNOVATION AND BUILD FOR PEOPLE WHO ARE NOT US.
  14. 14. BECAUSE WE CAN’T JUST ASSUME PEOPLE USING THESE POWERFUL TOOLS IN A SENSIBLE WAY…
  15. 15. FRAMEWORKS RESULT IN PERFORMING SOLUTIONS! http://www.webpagetest.org/video/view.php?id=150314_Q2_DEY.1.0Tested From: Virginia USA - EC2 - Firefox - Cable
  16. 16. WELL, PROBABLY ON MOBILE, RIGHT? http://www.webpagetest.org/video/view.php?id=150314_7R_DTG.1.0Tested From: Dulles, VA - Nexus 5 - Chrome
  17. 17. “MODERN WEB DESIGN” http://gochat.us/
  18. 18. MAYBE I AM JUST A TAINTED, GRUMPY, AND OLD CODER
  19. 19. “MODERN” IS A NONSENSE TERM!
  20. 20. TOOLS WILL FAIL YOU. KNOWLEDGE DOESN’T.
  21. 21. MAKE MISTAKES, REPEAT, IMPROVE…
  22. 22. OUR JOBS ARE NEVER BORING AND THERE IS SO MUCH TO DO!
  23. 23. A LOT OF WHAT WE HAVE TO USE HURTS ME AS A WEB DEVELOPER…
  24. 24. LET’S PLAY “FIND THE NECESSARY ACTION”
  25. 25. OR “WHAT THE HELL IS GOING ON HERE?”
  26. 26. A LOT HAS TO DO WITH OUTDATED SYSTEMS NOT GETTING UPGRADED.
  27. 27. BY FAR THE #1 REASON I GOT FROM WEB DEVELOPERS NOT EMBRACING HTML5: WE NEED TO SUPPORT INTERNET EXPLORER!
  28. 28. THIS EVEN BECAME A RUNNING GAG…
  29. 29. AND I GOT SO TIRED OF IT, I DID SOMETHING ABOUT IT.
  30. 30. OF COURSE, THERE’S COOL INNOVATION TO PLAY WITH…
  31. 31. ENTERPRISE INTERNET
  32. 32. BACKWARDS COMPATIBILITY SHOULDN’T BE A NUISANCE…
  33. 33. IS NO EXCUSE FOR LAZY, BLOATED, BAD CODE ANY LONGER! WE NEED TO SUPPORT INTERNET EXPLORER!
  34. 34. PROJECT SPARTAN
  35. 35. •Out-of-the-box browser on Windows 10 •Evergreen browser = independent of Windows version/update •Excellent standards support •Leading in ES6 compliance •Fully hardware accelerated •Desktop/Mobile/Tablet
  36. 36. FRIENDS, ROMANS, COUNTRYMEN, LEND ME YOUR EARS!
  37. 37. GET INSIDE AND GIVE FEEDBACK! https://insider.windows.com/
  38. 38. REQUEST FEATURES! https://wpdev.uservoice.com/forums/257854-internet-explorer-platform
  39. 39. EVEN IF YOU DON’T CARE, PLEASE MAKE THE WEB BETTER FOR ALL!
  40. 40. CHECK BACK FREQUENTLY AND BET ON INTEROP! https://status.modern.ie/
  41. 41. THERE IS NO SINGLE PLAYER OR WINNER OF THE WEB!
  42. 42. ALL BROWSER MAKERS TALK TO EACH OTHER AND FIND SIMILARITIES TO SUPPORT!
  43. 43. CHROME TO IMPLEMENT MICROSOFT’S POINTER EVENTS https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/ODWmcKNQl0I
  44. 44. ANGULAR 2 POWERED BY MICROSOFT TYPESCRIPT (TO EASE INTO ES6/ES2015) http://blogs.msdn.com/b/typescript/archive/2015/03/05/angular-2-0-built-on-typescript.aspx
  45. 45. MICROSOFT IMPLEMENTING ADOBE’S BLEND MODES FOR SVG + CSS. http://blogs.msdn.com/b/ie/archive/2015/03/23/partnering-with-adobe-on-new-contributions-to-our-web-platform.aspx
  46. 46. READ UP-TO-DATE INFORMATION AND LEARN INSTEAD OF COPY AND PASTE! https://developer.mozilla.org/
  47. 47. CHECK BACK ON BROWSER INTEROP! http://caniuse.com
  48. 48. BROWSERS CAN’T GET BETTER IF WE NEED TO CATER TO OLD MISTAKES…
  49. 49. SINS OF WEB DEVELOPERS THAT NEED TO STOP. •User Agent sniffing •Reliance on experimental features (-webkit-, -moz-, -ms- …) •Badly designed dependency management (“this needs jQuery 1.02”) •Undocumented and badly organised products.
  50. 50. UNBLOCK THE PIPES, PLEASE!
  51. 51. SPEED UP YOUR PRODUCTS! http://www.webpagetest.org/
  52. 52. LET’S GO AND BUILD GREAT PRODUCTS FOR EVERYBODY
  53. 53. Chris Heilmann christianheilmann.com @codepo8 Grazie!

×