Download - Smashingconf 150319145648-conversion-gate01
![Page 1: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/1.jpg)
Chris Heilmann (@codepo8) - SmashingConf, Oxford, England, March 2015
WELCOME TO PLANET FINTLEWOODLEWIX
![Page 3: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/3.jpg)
HHGTTG
![Page 4: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/4.jpg)
THE WEB IS THE CLOSEST THING TO THE GUIDE I KNOW…
![Page 5: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/5.jpg)
AND THE PEOPLE OF THE WEB WERE PEOPLE I FELT GREAT AMONGST.
![Page 6: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/6.jpg)
FINTLEWOODLEWIX?
![Page 7: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/7.jpg)
PRAGMATIC ENGINEERING OF THE MODERN WEB WITH FRAMEWORKS AND FULL STACK DEVOPS TOOLS.
![Page 8: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/8.jpg)
NOT MY CROWD…
![Page 9: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/9.jpg)
I FEEL LIKE I DON’T UNDERSTAND THINGS ANY MORE.
https://medium.com/@codepo8/i-feel-like-a-fraud-and-thats-a-good-thing-cc1fa338b902
![Page 10: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/10.jpg)
FEELING INCOMPETENT IS NOT FUN.
![Page 11: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/11.jpg)
OVER COMPENSATION
![Page 12: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/12.jpg)
AGGRESSION
![Page 13: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/13.jpg)
INTERNALISATION
![Page 14: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/14.jpg)
LETHARGY
![Page 15: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/15.jpg)
ALAS, THAT WENT OUT OF THE WINDOW PRETTY QUICKLY…
![Page 16: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/16.jpg)
ALAS, THAT WENT OUT OF THE WINDOW PRETTY QUICKLY…
![Page 17: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/17.jpg)
ALAS, THAT WENT OUT OF THE WINDOW PRETTY QUICKLY…
![Page 18: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/18.jpg)
ALAS, THAT WENT OUT OF THE WINDOW PRETTY QUICKLY…
![Page 19: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/19.jpg)
ALAS, THAT WENT OUT OF THE WINDOW PRETTY QUICKLY…
![Page 20: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/20.jpg)
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
![Page 21: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/21.jpg)
I FEEL WE’VE LOST OUR COMMUNICATION SKILLS.
![Page 22: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/22.jpg)
TECHNO BABBLE AND GEEK SPEAK
![Page 23: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/23.jpg)
BUILDING FOR A WORLD THAT MOSTLY EXISTS IN OUR TECH-PRESS HEADLINES.
![Page 24: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/24.jpg)
FAKE CURRENCIES OF FINTLEWOODLEWIX
![Page 25: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/25.jpg)
WE HAVE THAT, TOO!
![Page 26: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/26.jpg)
…nothing but advertising. And we don’t even do it for money. We do it for likes. We do it for GitHub stars and we do it for hacker news and reddit upvotes. That’s dumb.
“
![Page 27: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/27.jpg)
WE KEEP GOING TO OUR OWN, HAPPY PLACE.
![Page 28: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/28.jpg)
REMEMBER ALL THE THINGS THAT NEVER GOT AS IMPORTANT AS WE MADE THEM OUT TO BE?
•Live reload •The realtime web •Web Sockets •Meteor •Comet •Microformats
![Page 29: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/29.jpg)
IF YOUR WEB PRODUCT ISN’T RETINA READY, YOU WILL NOT HAVE ANY USERS SOON!
“
![Page 30: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/30.jpg)
EVERYBODY ALREADY HAS A…
•iPhone •iPad •iWatch •iScream
![Page 31: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/31.jpg)
NOT EVERYTHING IS SHINY AND NEW.
![Page 32: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/32.jpg)
IT IS DAMN REWARDING TO GET PEOPLE CONNECTED!
![Page 33: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/33.jpg)
WE NEED TO STOP GORGING ON TECHNOLOGY AND INNOVATION AND BUILD FOR PEOPLE WHO ARE NOT US.
![Page 35: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/35.jpg)
MAYBE I AM JUST A TAINTED, GRUMPY, AND OLD CODER
![Page 36: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/36.jpg)
BACKWARDS COMPATIBILITY SHOULDN’T BE A NUISANCE…
![Page 37: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/37.jpg)
FRAMEWORKS RESULT IN PERFORMING SOLUTIONS!
http://www.webpagetest.org/video/view.php?id=150314_Q2_DEY.1.0Tested From: Virginia USA - EC2 - Firefox - Cable
![Page 38: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/38.jpg)
WELL, PROBABLY ON MOBILE, RIGHT?
http://www.webpagetest.org/video/view.php?id=150314_7R_DTG.1.0Tested From: Dulles, VA - Nexus 5 - Chrome
![Page 39: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/39.jpg)
EXCELLENCE THROUGH REPETITION?
![Page 40: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/40.jpg)
When I feel like a fraud, I just needle myself on to do better.“
![Page 41: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/41.jpg)
OUR JOBS ARE NEVER BORING AND THERE IS SO MUCH TO DO!
![Page 42: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/42.jpg)
AND…
THERE IS MORE TO OUR JOBS THAN MOBILE DEVICE USE CASES.
![Page 43: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/43.jpg)
A LOT OF WHAT WE HAVE TO USE HURTS ME AS A WEB DEVELOPER…
![Page 44: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/44.jpg)
LET’S PLAY “FIND THE NECESSARY ACTION”
![Page 45: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/45.jpg)
OR “WHAT THE HELL IS GOING ON HERE?”
![Page 46: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/46.jpg)
A LOT HAS TO DO WITH OUTDATED SYSTEMS NOT GETTING UPGRADED.
![Page 47: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/47.jpg)
BY FAR THE #1 REASON I GOT FROM WEB DEVELOPERS NOT EMBRACING HTML5:
WE NEED TO SUPPORT INTERNET EXPLORER!
![Page 48: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/48.jpg)
THIS EVEN BECAME A RUNNING GAG…
![Page 49: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/49.jpg)
AND I GOT SO TIRED OF IT, I DID SOMETHING ABOUT IT.
![Page 50: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/50.jpg)
ENTERPRISE INTERNET
![Page 51: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/51.jpg)
HERE IS WHERE I NEED YOU!
![Page 52: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/52.jpg)
LET’S MAKE THE WEB HOOPY FOR EVERYBODY AGAIN!
![Page 53: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/53.jpg)
REQUEST FEATURES!
https://wpdev.uservoice.com/forums/257854-internet-explorer-platform
![Page 55: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/55.jpg)
UNBLOCK THE PIPES, PLEASE!
![Page 56: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/56.jpg)
WEBSITE OBESITY IS NOT UNCOMMON…
![Page 58: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/58.jpg)
Feeling like a fraud keeps you humble, it keeps you sane, it keeps you on your toes.
“
![Page 59: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/59.jpg)
Use that annoyance and own it. Make yourself better by doing what makes you happy.
“
![Page 60: Smashingconf 150319145648-conversion-gate01](https://reader036.vdocument.in/reader036/viewer/2022062419/55af57cf1a28ab5f098b47a6/html5/thumbnails/60.jpg)
LET’S GO AND BUILD GREAT PRODUCTS FOR EVERYBODY