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 and
lockout •Corporate lockout •Walled content gardens
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 without
data limits
WEBSITE OBESITY IS NOT UNCOMMON…
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…
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: Virginia USA - EC2 - Firefox - Cable
WELL, PROBABLY ON MOBILE, RIGHT?
http://www.webpagetest.org/video/view.php?id=150314_7R_DTG.1.0Tested From: Dulles, VA - Nexus 5 - Chrome
“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!
•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
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/angular-2-0-built-on-typescript.aspx
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
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-…)
•Badly designed dependency management (“this needs jQuery 1.02”)
•Undocumented and badly organised products.
UNBLOCK THE PIPES, PLEASE!
SPEED UP YOUR PRODUCTS!
http://www.webpagetest.org/
LET’S GO AND BUILD GREAT PRODUCTS FOR EVERYBODY
Chris Heilmannchristianheilmann.com @codepo8
Grazie!