smashingconf 150319145648-conversion-gate01

61
Chris Heilmann (@codepo8) - SmashingConf, Oxford, England, March 2015 WELCOME TO PLANET FINTLEWOODLEWIX

Upload: home

Post on 22-Jul-2015

357 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Smashingconf 150319145648-conversion-gate01

Chris Heilmann (@codepo8) - SmashingConf, Oxford, England, March 2015

WELCOME TO PLANET FINTLEWOODLEWIX

Page 2: Smashingconf 150319145648-conversion-gate01

@codepo8

Chris Heilmann

Page 3: Smashingconf 150319145648-conversion-gate01

HHGTTG

Page 4: Smashingconf 150319145648-conversion-gate01

THE WEB IS THE CLOSEST THING TO THE GUIDE I KNOW…

Page 5: Smashingconf 150319145648-conversion-gate01

AND THE PEOPLE OF THE WEB WERE PEOPLE I FELT GREAT AMONGST.

Page 6: Smashingconf 150319145648-conversion-gate01

FINTLEWOODLEWIX?

Page 7: Smashingconf 150319145648-conversion-gate01

PRAGMATIC ENGINEERING OF THE MODERN WEB WITH FRAMEWORKS AND FULL STACK DEVOPS TOOLS.

Page 8: Smashingconf 150319145648-conversion-gate01

NOT MY CROWD…

Page 9: Smashingconf 150319145648-conversion-gate01

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

FEELING INCOMPETENT IS NOT FUN.

Page 11: Smashingconf 150319145648-conversion-gate01

OVER COMPENSATION

Page 12: Smashingconf 150319145648-conversion-gate01

AGGRESSION

Page 13: Smashingconf 150319145648-conversion-gate01

INTERNALISATION 

Page 14: Smashingconf 150319145648-conversion-gate01

LETHARGY

Page 15: Smashingconf 150319145648-conversion-gate01

ALAS, THAT WENT OUT OF THE WINDOW PRETTY QUICKLY…

Page 16: Smashingconf 150319145648-conversion-gate01

ALAS, THAT WENT OUT OF THE WINDOW PRETTY QUICKLY…

Page 17: Smashingconf 150319145648-conversion-gate01

ALAS, THAT WENT OUT OF THE WINDOW PRETTY QUICKLY…

Page 18: Smashingconf 150319145648-conversion-gate01

ALAS, THAT WENT OUT OF THE WINDOW PRETTY QUICKLY…

Page 19: Smashingconf 150319145648-conversion-gate01

ALAS, THAT WENT OUT OF THE WINDOW PRETTY QUICKLY…

Page 20: Smashingconf 150319145648-conversion-gate01

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

I FEEL WE’VE LOST OUR COMMUNICATION SKILLS.

Page 22: Smashingconf 150319145648-conversion-gate01

TECHNO BABBLE AND GEEK SPEAK

Page 23: Smashingconf 150319145648-conversion-gate01

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

Page 24: Smashingconf 150319145648-conversion-gate01

FAKE CURRENCIES OF FINTLEWOODLEWIX

Page 25: Smashingconf 150319145648-conversion-gate01

WE HAVE THAT, TOO!

Page 26: Smashingconf 150319145648-conversion-gate01

…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

WE KEEP GOING TO OUR OWN, HAPPY PLACE.

Page 28: Smashingconf 150319145648-conversion-gate01

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

IF YOUR WEB PRODUCT ISN’T RETINA READY, YOU WILL NOT HAVE ANY USERS SOON!

Page 30: Smashingconf 150319145648-conversion-gate01

EVERYBODY ALREADY HAS A…

•iPhone •iPad •iWatch •iScream

Page 31: Smashingconf 150319145648-conversion-gate01

NOT EVERYTHING IS SHINY AND NEW.

Page 32: Smashingconf 150319145648-conversion-gate01

IT IS DAMN REWARDING TO GET PEOPLE CONNECTED!

Page 33: Smashingconf 150319145648-conversion-gate01

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

Page 34: Smashingconf 150319145648-conversion-gate01

“MODERN WEB DESIGN”

http://gochat.us/

Page 35: Smashingconf 150319145648-conversion-gate01

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

Page 36: Smashingconf 150319145648-conversion-gate01

BACKWARDS COMPATIBILITY SHOULDN’T BE A NUISANCE…

Page 37: Smashingconf 150319145648-conversion-gate01

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

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

EXCELLENCE THROUGH REPETITION?

Page 40: Smashingconf 150319145648-conversion-gate01

When I feel like a fraud, I just needle myself on to do better.“

Page 41: Smashingconf 150319145648-conversion-gate01

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

Page 42: Smashingconf 150319145648-conversion-gate01

AND…

THERE IS MORE TO OUR JOBS THAN MOBILE DEVICE USE CASES.

Page 43: Smashingconf 150319145648-conversion-gate01

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

Page 44: Smashingconf 150319145648-conversion-gate01

LET’S PLAY “FIND THE NECESSARY ACTION”

Page 45: Smashingconf 150319145648-conversion-gate01

OR “WHAT THE HELL IS GOING ON HERE?”

Page 46: Smashingconf 150319145648-conversion-gate01

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

Page 47: Smashingconf 150319145648-conversion-gate01

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

THIS EVEN BECAME A RUNNING GAG…

Page 49: Smashingconf 150319145648-conversion-gate01

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

Page 50: Smashingconf 150319145648-conversion-gate01

ENTERPRISE INTERNET

Page 51: Smashingconf 150319145648-conversion-gate01

HERE IS WHERE I NEED YOU!

Page 52: Smashingconf 150319145648-conversion-gate01

LET’S MAKE THE WEB HOOPY FOR EVERYBODY AGAIN!

Page 53: Smashingconf 150319145648-conversion-gate01

REQUEST FEATURES!

https://wpdev.uservoice.com/forums/257854-internet-explorer-platform

Page 54: Smashingconf 150319145648-conversion-gate01

CHECK BACK FREQUENTLY AND BET ON INTEROP!

https://status.modern.ie/

Page 55: Smashingconf 150319145648-conversion-gate01

UNBLOCK THE PIPES, PLEASE!

Page 56: Smashingconf 150319145648-conversion-gate01

WEBSITE OBESITY IS NOT UNCOMMON…

Page 57: Smashingconf 150319145648-conversion-gate01

SPEED UP YOUR PRODUCTS!

http://www.webpagetest.org/

Page 58: Smashingconf 150319145648-conversion-gate01

Feeling like a fraud keeps you humble, it keeps you sane, it keeps you on your toes.

Page 59: Smashingconf 150319145648-conversion-gate01

Use that annoyance and own it. Make yourself better by doing what makes you happy.

Page 60: Smashingconf 150319145648-conversion-gate01

LET’S GO AND BUILD GREAT PRODUCTS FOR EVERYBODY

Page 61: Smashingconf 150319145648-conversion-gate01

Chris Heilmannchristianheilmann.com @codepo8

Thank you!