Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

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

Transcript of Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

Page 1: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

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

WELCOME TO PLANET FINTLEWOODLEWIX

Page 2: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

@codepo8

Chris Heilmann

Page 3: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

HHGTTG

Page 4: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

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

Page 5: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

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

Page 6: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

FINTLEWOODLEWIX?

Page 7: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

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

Page 8: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

NOT MY CROWD…

Page 9: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

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: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

FEELING INCOMPETENT IS NOT FUN.

Page 11: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

OVER COMPENSATION

Page 12: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

AGGRESSION

Page 13: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

INTERNALISATION 

Page 14: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

LETHARGY

Page 15: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

ALAS, THAT WENT OUT OF THE WINDOW PRETTY QUICKLY…

Page 16: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

ALAS, THAT WENT OUT OF THE WINDOW PRETTY QUICKLY…

Page 17: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

ALAS, THAT WENT OUT OF THE WINDOW PRETTY QUICKLY…

Page 18: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

ALAS, THAT WENT OUT OF THE WINDOW PRETTY QUICKLY…

Page 19: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

ALAS, THAT WENT OUT OF THE WINDOW PRETTY QUICKLY…

Page 20: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

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: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

I FEEL WE’VE LOST OUR COMMUNICATION SKILLS.

Page 22: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

TECHNO BABBLE AND GEEK SPEAK

Page 23: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

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

Page 24: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

FAKE CURRENCIES OF FINTLEWOODLEWIX

Page 25: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

WE HAVE THAT, TOO!

Page 26: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

…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: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

WE KEEP GOING TO OUR OWN, HAPPY PLACE.

Page 28: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

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: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

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

Page 30: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

EVERYBODY ALREADY HAS A…

•iPhone •iPad •iWatch •iScream

Page 31: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

NOT EVERYTHING IS SHINY AND NEW.

Page 32: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

IT IS DAMN REWARDING TO GET PEOPLE CONNECTED!

Page 33: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

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

Page 34: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

“MODERN WEB DESIGN”

http://gochat.us/

Page 35: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

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

Page 36: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

BACKWARDS COMPATIBILITY SHOULDN’T BE A NUISANCE…

Page 37: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

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: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

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: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

EXCELLENCE THROUGH REPETITION?

Page 40: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

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

Page 41: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

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

Page 42: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

AND…

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

Page 43: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

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

Page 44: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

LET’S PLAY “FIND THE NECESSARY ACTION”

Page 45: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

OR “WHAT THE HELL IS GOING ON HERE?”

Page 46: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

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

Page 47: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

BY FAR THE #1 REASON I GOT FROM WEB DEVELOPERS NOT EMBRACING HTML5:

WE NEED TO SUPPORT INTERNET EXPLORER!

Page 48: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

THIS EVEN BECAME A RUNNING GAG…

Page 49: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

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

Page 50: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

ENTERPRISE INTERNET

Page 51: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

HERE IS WHERE I NEED YOU!

Page 52: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

LET’S MAKE THE WEB HOOPY FOR EVERYBODY AGAIN!

Page 53: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

REQUEST FEATURES!

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

Page 54: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

CHECK BACK FREQUENTLY AND BET ON INTEROP!

https://status.modern.ie/

Page 55: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

UNBLOCK THE PIPES, PLEASE!

Page 56: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

WEBSITE OBESITY IS NOT UNCOMMON…

Page 57: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

SPEED UP YOUR PRODUCTS!

http://www.webpagetest.org/

Page 58: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

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

Page 59: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

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

Page 60: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

LET’S GO AND BUILD GREAT PRODUCTS FOR EVERYBODY

Page 61: Welcome to planet Fintlewoodlewix - SmashingConf Oxford 2014

Chris Heilmannchristianheilmann.com @codepo8

Thank you!