Downloaded 12 times
Uploaded byChristian Heilmann
Of Gaps, Fillers and Empty Spaces… Fronteers2015 closing keynote
This document discusses issues with modern web development and provides suggestions for improvement. It notes that web pages have become bloated with dependencies, frameworks hinder interoperability, and desktop and mobile solutions are disappointing. Conferences provide conflicting messages about tools and standards. JavaScript intolerance causes problems, and browsers spend resources fixing developers' code. The document advocates focusing on usability over new features, embracing limitations, using existing browser capabilities, and fixing baseline issues rather than trying to control everything. It suggests the next users will not demand native-like experiences and that growth is happening outside tech hubs with different rules. The document encourages contributing to the web in many ways and embracing imperfections.
More Related Content
Similar to Of Gaps, Fillers and Empty Spaces… Fronteers2015 closing keynote
Of Gaps, Fillers and Empty Spaces… Fronteers2015 closing keynote
- 1. OF GAPS, FILLERSAND EMPTY SPACES… CHRIS HEILMANN (﴾@CODEPO8)﴿, FRONTEERS, AMSTERDAM, OCTOBER 2015 https://www.flickr.com/photos/50064540@N02/7650431290 (﴾ealingjeff)﴿
- 2.
- 3. https://twitter.com/heydonworks/status/646687758690459648 WE’VE COME A LONGWAY AND WE’RE STILL ON A JOURNEY…
- 4.
- 5. ATTENDING THESE EVENTS ISGREAT AND I FEEL CONFUSED ALL THE TIME HOW I DESERVE ALL THIS…
- 6. THIS HERE ISA PRIVILEGE WE HAVE… SO MAKE SURE YOU MAKE THE BEST OF IT!
- 7. YOU MEET AMAZING PEOPLEAT EVENTS… Lizzie Mary Cullen lizziemarycullen.com
- 8. PEOPLE WHO DRAWTHE PRETTY LINES TO FILL OUT…
- 9. PEOPLE WHO GROW WITHYOUR HELP…
- 10. AND YOU CANGO AND VISIT THEM AND WORK TOGETHER -‐ THIS IS A MOBILE WORLD!
- 11. https://twitter.com/muffinresearch/status/639116308030881792 WE’VE COME A LONGWAY AND WE’RE STILL ON A JOURNEY… TAKE SOME TIME TO HAVE FUN…
- 12. YOU MEET PEOPLEAND YOU MAKE IMPRESSIONS…
- 13. I GET, HOWEVER, DISAPPOINTEDWITH THE RESULTS WE HAVE.
- 14. I FEEL ADISCONNECT BETWEEN WHAT WE TALK ABOUT AT EVENTS AND WHAT I HEAR WHEN I TALK TO PEOPLE I WORK WITH.
- 15. IT IS LIKEWE DON’T REACH THE PEOPLE WE CLAIM WE DO THIS FOR… • The web is a mess. The average web page creeps up to 2MB with hundreds of dependencies. • Outdated frameworks and helper libraries hinder browser interoperability. The quick fix of today is the part of the landfill of tomorrow. • By trying to control the web we created parallel solutions for desktop and mobile -‐ each of which disappointing.
- 16. THIS IS SORAMPANT, THAT EVERY BROWSER MAKER HAS A DEDICATED TEAM AND TOOLS TO FIX PEOPLE’S CODE WITH THEM. http://dev.modern.ie/tools/staticscan/ https://github.com/MicrosoftEdge/static-‐code-‐scan
- 17. THE AMAZING TOOLSWE SHOW HERE ARE LARGELY UNKNOWN…
- 18. THERE IS AHUGE DIFFERENCE IN MESSAGING AT DIFFERENT CONFERENCES.
- 19. LET’S TALK ABIT ABOUT THE EXTREMES…
- 20. THE WEB ISFREE AND INDEPENDENT.
- 21.
- 22. https://twitter.com/muffinresearch/status/639116308030881792 WE HAVE APROBLEM WITH TOO MANY TOOLS COMING AND GOING AND BECOMING LANDFILL OF THE WEB…
- 23. http://dowebsitesneedtolookexactlythesameineverybrowser.com/ WEBSITE AND APPS DON’TNEED TO LOOK THE SAME IN EVERY BROWSER. REALLY.
- 24.
- 25.
- 26. ALL OF THESE THINGSARE VERY TRUE AND VERY OBVIOUS…
- 27. Photo by MarcThiele https://www.flickr.com/photos/marcthiele/21461088898/in/faves-‐11414938@N00/ WELCOME TO THE 10TH ANNIVERSARY OF STATING THE BLOODY OBVIOUS…
- 28. 2004 -‐ 2005: STOPWRITING INLINE JAVASCRIPT!
- 29. https://twitter.com/DanHannanMEP/status/647745678962245632/photo/1 THE WEB OFOLD FORGOT ABOUT THE LURE OF UGC
- 30. WHICH LEADS TOTHE OTHER EXTREME…
- 31.
- 32. WE GOT VERYDATA DRIVEN AND ARE ADDICTED TO NUMBERS…
- 33. BROWSER STATS PROVETHE FUTURE IS HERE…
- 34. TOOLING AND ABSTRACTIONS SAVE YOUFROM THE CONFUSION OF THE OPEN WEB. “DON’T HOLD US BACK!”
- 35. AND HAVE AN OVERWHELMING AMOUNTOF RESOURCES WITH DISAGREEING ADVICE. https://medium.com/@_cmdv_/i-‐want-‐to-‐ learn-‐javascript-‐in-‐2015-‐e96cd85ad225
- 36.
- 37. AND LEARN ABOUT THEMODERN STACK, DAMN YOU… https://egghead.io/series/how-‐to-‐ write-‐an-‐open-‐source-‐javascript-‐library
- 38. BOTH EXTREMES LOVETO QUOTE SELF MADE “LAWS” TO PROVE THEIR POINTS…
- 39.
- 40. Software efficiency halvesevery 18 months, compensating Moore's law. MAY’S LAW
- 41. Be conservative inwhat you send; be liberal in what you accept. POSTEL’S LAW
- 42.
- 43. WE NEED LESSDECREES AND DEMANDS
- 44. WE STOPPED BEINGTHE LOVABLE UNDERDOGS THAT INVITE NEW TALENT…
- 45. WE TRY TOCHANGE THE WEB TO BE MORE “PROFESSIONAL”
- 46. WE TURNED ENGINEERING INTOA RELIGION -‐ WITH ALL THE DOGMA AND HOLY WARS THAT COMES WITH.
- 47. WE CONSIDER AUTOMATIONAND INNOVATION TO BE LINEAR…
- 48. WE EXPECT EVERYBODY TOGET PURE HAPPINESS FROM CODING… https://twitter.com/sarahmei/status/597276242887348224
- 49. WORKING AT APACE NO HUMAN SHOULD WORK IN…
- 50. WE COMPLAIN ABOUTA LACK OF DIVERSITY AND INVITING ENVIRONMENTS… …AND RUN HACKDAYS TO SOLVE THAT PROBLEM!
- 51. WE CREATE OPEN,BUT ARE NOT INVITING…
- 52. WE MADE THE TERMINALTHE STARTING POINT OF WEB DEVELOPMENT…
- 53. A TYPICAL START OFA NEW WEB PROJECT… This is easy, just: • Have a macbook -‐ everything else is not professional and open enough • Make sure you are sudo • Install Node & NPM & Express.js • Run the build script • Look at a few minutes of random text scrolling by in your terminal hoping that none of the warnings mean something important • If there is an error: • Go to stack overflow and ask for help to learn that you’re doing everything wrong and should use another stack to start with • Start typing some text in your editor • Run the local server • See that text in a browser.
- 54. INSTEAD OF -‐ IDON’T KNOW -‐ THE WEB? • JSBin, JSFiddle, Mozilla Thimble, CodePen… all of these are great teaching tools and not there to impress one another. • Free test hosting is a good opportunity to get people up and running.
- 55.
- 56. WE NEED FEWER SHOW-‐OFFTOOLS…
- 57. LET’S ALLOW PEOPLETO BUILD MUSCLE MEMORY
- 58. Photo by StateFarm https://www.flickr.com/photos/40567541@N08/9473169772 WE’RE WIRED TO TRY TO PREDICT HE NEXT STEP.
- 59. Photo by StateFarm https://www.flickr.com/photos/40567541@N08/9473169772
- 60. https://shkspr.mobi/blog/2015/09/you-mustnt-criticise-the-status-quo-at-a-hackday/ Geeks are peoplewho run on dissent. We see the world is broken, refuse to accept it, and try to fix things. Then other geeks try to fix our mistakes, and then we fix theirs, until we either asymptotically climb towards perfection or tear the whole thing down and start again. -‐ Terrence Eden (@edent)
- 61. REMEMBER, WE WERE ADAMANTNOT TO BREAK THE WEB…
- 62. AND NOW WEDO, EVERY SINGLE DAY.
- 63. FOR THE SAKEOF FEELING IN CONTROL.
- 64. WITH JAVASCRIPT, WEARE IN CONTROL AND WE CAN FIX ALMOST ANYTHING. =
- 65. THE PROBLEM ISTHAT US IN CONTROL ALSO MEANS US RESPONSIBLE FOR THE OUTCOME…
- 66. WE FORFEIT ALLTHE BEAUTIFUL AND IMPORTANT THINGS BROWSERS ALREADY DO FOR US…
- 67. I’M NOT SAYINGNOT TO USE JAVASCRIPT -‐ FAR FROM IT.
- 68. https://twitter.com/DanHannanMEP/status/647745678962245632/photo/1 LET’S NOT VALUEBEING FIRST HIGHER THAN BEING USABLE
- 69. I SAY WESHOULD TRY TO STOP FORCING OR PREDICTING THE FUTURE
- 70. DIDN’T SEE ITCOMING…
- 71. IT IS TIMETO USE WHAT WE HAVE MORE AND TO BE MORE DEMANDING TO FIX OUR BASELINE… WE SHOULD NOT NEED TO CARE ABOUT THE BROWSER AND HAVE TO TEST IN ALL OF THEM!
- 72. THERE ARE SOME BREAKTHROUGHSTO CELEBRATE… https://playbook.cio.gov/designstandards
- 73. DEEP DOWN, WEALL ARE DO-‐GOODERS AND TECHNO HIPPIES. AND WE CAN MAKE A CHANGE!
- 74. PREPARE FOR ABIG CHANGE
- 75. WE FOCUS ALMOSTEXCLUSIVELY ON THE VALLEY FOR INNOVATION AND GROWTH
- 76. AND THERE ISNO LACK OF MONEY BEING THROWN AROUND…
- 77. THE REAL GROWTH HAPPENSELSEWHERE…
- 78. AND THESE MARKETSPLAY BY VERY DIFFERENT RULES TO WHAT WE DO NOW…
- 79. THE NEXT USERSARE NOT THOSE WHO COMPLAIN THE WEB IS NOT AS GOOD AS NATIVE APPS… https://vimeo.com/139312920 https://brucelawson.github.io/talks/2015/velocity Bruce Lawson at SOTB 2015
- 80. PROXY BROWSERS ARE ABIG THING THERE… https://vimeo.com/130296585 https://speakerdeck.com/tkadlec/better-‐by-‐ proxy-‐at-‐mobilism-‐2015 Tim Kadlec: Better by Proxy
- 81. THE WEB ISA GIFT TO US ALL, AND YOU CAN CONTRIBUTE IN MANY WAYS. ALL OF US PLAYING ON THE BLEEDING EDGE IS MISSING THE POINT.
- 82. BE ALONG FORTHE RIDE…
- 83. SOMETIMES NOT CONTROLLING THINGS ISWHEN THE FUN STARTS…
- 84. YES, THE WEBIS FULL OF TERRIBLE IDEAS, BAD ARCHITECTURE AND LACKS A LOT OF FEATURES NATIVE ENVIRONMENTS OFFER.
- 85. BUT WHAT WETRY TO REPLACE IT WITH RIGHT NOW, IS A STEP BACKWARDS…
- 86.
- 87. https://en.wikipedia.org/wiki/Wabi-sabi Wabi-‐sabi (﴾侘寂)﴿ representsa comprehensive Japanese world view or aesthetic centred on the acceptance of transience and imperfection. The aesthetic is sometimes described as one of beauty that is "imperfect, impermanent, and incomplete" CELEBRATED GAPS…
- 88. https://en.wikipedia.org/wiki/Kintsugi "When the Japanesemend broken objects, they aggrandise the damage by filling the cracks with gold. They believe that when something has suffered damage and has a history it becomes more beautiful." -‐ Billie Mobayed CELEBRATED GAPS…
- 89. YES, THE WEBIS FULL OF TERRIBLE IDEAS, BAD ARCHITECTURE AND LACKS A LOT OF FEATURES NATIVE ENVIRONMENTS OFFER.
- 90. LET’S WORK ONFILLING THOSE CRACKS WITH GOLD -‐ TOGETHER
- 91. We all havedifferent desires and needs, but if we don’t discover what we want from ourselves and what we stand for, we will live passively and unfulfilled. – Bill Watterson
- 92.