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.

1. Chris Heilmann (@codepo8) - Codemotion, Rome, March 2015
NO MORE EXCUSES!
LET’S BUILD BEAUTIFUL
THINGS ON THE WEB

2. @codepo8
Chris Heilmann

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. WE SHOULD BE
UP IN ARMS
ABOUT THIS…

5. I FEEL WE’VE
LOST OUR
COMMUNICATION
SKILLS.

6. BUILDING FOR A
WORLD THAT
MOSTLY EXISTS IN
OUR TECH-PRESS
HEADLINES.

7. WE KEEP GOING
TO OUR OWN,
HAPPY PLACE.

8. EVERYBODY
ALREADY HAS A…
•iPhone/iPad/iWatch
•State of the Art Android
phone
•Retina Macbook Pro
•2 gigabit connection without
data limits

9. WEBSITE OBESITY IS
NOT UNCOMMON…

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. THE WEB IS THE
SUCCESS IT IS,
BECAUSE IT WAS
SIMPLE TO WORK
ON IT!

12. POWER TOOLS
ARE FOR EXPERT
USERS - NOT A
PRELIMINARY…

13. WE NEED TO
STOP GORGING
ON TECHNOLOGY
AND INNOVATION
AND BUILD FOR
PEOPLE WHO
ARE NOT US.

14. BECAUSE WE
CAN’T JUST
ASSUME PEOPLE
USING THESE
POWERFUL
TOOLS IN A
SENSIBLE WAY…

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. 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. “MODERN WEB DESIGN”
http://gochat.us/

18. MAYBE I AM JUST
A TAINTED,
GRUMPY, AND
OLD CODER

19. “MODERN” IS A
NONSENSE TERM!

20. TOOLS WILL FAIL
YOU.
KNOWLEDGE
DOESN’T.

21. MAKE MISTAKES, REPEAT, IMPROVE…

22. OUR JOBS ARE
NEVER BORING
AND THERE IS SO
MUCH TO DO!

23. A LOT OF WHAT WE
HAVE TO USE HURTS
ME AS A WEB
DEVELOPER…

24. LET’S PLAY
“FIND THE
NECESSARY
ACTION”

25. OR “WHAT THE
HELL IS GOING ON
HERE?”

26. A LOT HAS TO DO WITH
OUTDATED SYSTEMS NOT
GETTING UPGRADED.

27. BY FAR THE #1 REASON
I GOT FROM WEB
DEVELOPERS NOT
EMBRACING HTML5:
WE NEED TO SUPPORT
INTERNET EXPLORER!

28. THIS EVEN BECAME A
RUNNING GAG…

29. AND I GOT SO TIRED
OF IT, I DID SOMETHING
ABOUT IT.

30. OF COURSE,
THERE’S COOL
INNOVATION TO
PLAY WITH…

31. ENTERPRISE
INTERNET

32. BACKWARDS
COMPATIBILITY
SHOULDN’T BE A
NUISANCE…

33. IS NO EXCUSE FOR
LAZY, BLOATED, BAD
CODE ANY LONGER!
WE NEED TO SUPPORT
INTERNET EXPLORER!

34. PROJECT
SPARTAN

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. FRIENDS,
ROMANS,
COUNTRYMEN,
LEND ME YOUR
EARS!

37. GET INSIDE AND
GIVE FEEDBACK!
https://insider.windows.com/

38. REQUEST
FEATURES!
https://wpdev.uservoice.com/forums/257854-internet-explorer-platform

39. EVEN IF YOU
DON’T CARE,
PLEASE MAKE
THE WEB BETTER
FOR ALL!

40. CHECK BACK
FREQUENTLY
AND BET ON
INTEROP!
https://status.modern.ie/

41. THERE IS NO
SINGLE PLAYER
OR WINNER OF
THE WEB!

42. ALL BROWSER MAKERS
TALK TO EACH OTHER
AND FIND SIMILARITIES
TO SUPPORT!

43. CHROME TO
IMPLEMENT
MICROSOFT’S
POINTER EVENTS
https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/ODWmcKNQl0I

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. 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. READ UP-TO-DATE
INFORMATION AND
LEARN INSTEAD OF
COPY AND PASTE!
https://developer.mozilla.org/

47. CHECK BACK ON
BROWSER INTEROP!
http://caniuse.com

48. BROWSERS CAN’T
GET BETTER IF WE
NEED TO CATER TO
OLD MISTAKES…

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. UNBLOCK THE PIPES,
PLEASE!

51. SPEED UP YOUR
PRODUCTS!
http://www.webpagetest.org/

52. LET’S GO AND
BUILD GREAT
PRODUCTS FOR
EVERYBODY

53. Chris Heilmann
christianheilmann.com
@codepo8
Grazie!