Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
RUBBING THE SANKARA STONES THE WRONG WAY. 
Christian Heilmann (@codepo8) - From the Front - 18/09/14, Bologna, Italy
THOSE MAGICAL STONES…
MIND-BLOWING TIME!
HTML 
CSS 
JavaScript
THE HOLY TRINITY OF WEB STANDARDS 
Structure 
(HTML, semantic extras) 
Behaviour 
(JavaScript) 
Presentation 
(CSS, imager...
THE “WEB DEV ROCKSTAR” VERSION 
Structure 
(HTML, semantic extras) 
Beh 
Presentation 
(CSS, imagery, SVG)
THE CONTROL FREAK VERSION (SINGLE PAGE APPS) 
Behaviour 
(JavaScript) 
Presentation 
(CSS, imagery, SVG)
TODAY’S VERSION 
Structure 
(HTML, semantic extras) 
Behaviour 
(JavaScript) 
Presentation 
(CSS, imagery, SVG)
TODAY’S VERSION 
Structure 
(HTML, semantic extras) 
Behaviour 
(JavaScript) 
Presentation 
(CSS, imagery, SVG) 
• Preproc...
!new
JAVASCRIPT HAS ALWAYS 
BEEN USED IN BLOATED 
WAYS.
UNOBTRUSIVE JAVASCRIPT 
http://www.onlinetools.org/articles/unobtrusivejavascript/
THINKING ABOUT DEPENDENCIES 
Thursday, June 16th, 2005 at 10:12 am 
http://christianheilmann.com/2005/06/16/three-separate...
IT IS AN ENDLESS STRUGGLE…
SO, WHAT’S THE ANTIDOTE?
DEALING WITH ANNOYANCES
BAIT AND PESTER… 
http://idontwantyourfuckingapp.tumblr.com/
IT’S ALL THE BROWSER’S FAULT…
http://www.w3.org/2014/07/mobile-web-app-state/
FANBOISM AND “I CAN DO THAT”
HOORAY FOR THE FAULT TOLERANT WEB!
PROVIDING A FALLBACK… 
<img src="meh.jpg" alt="cute kitten photo">
PROVIDING A FALLBACK… 
var img = document.querySelector('img'); 
img.addEventListener('error', function(ev) { 
if (this.na...
CAN HAS VIDEO? 
<video controls> 
<source src="dynamicsearch.mp4" type="video/mp4"> 
</source> 
<a href="dynamicsearch.mp4...
CAN HAS VIDEO? 
var v = document.querySelector('video'), 
sources = v.querySelectorAll('source'), 
lastsource = sources[so...
WELCOME TO THE WEB!
THIS IS EXCITING AND 
MAKES ME VERY HAPPY!
Hating JavaScript is like hating the Internet. 
The Internet is a cobweb of different 
technologies cobbled together with ...
STOP FORCING BELIEFS DOWN PEOPLE’S THROATS
THE WEB IS BUILT TO LAST 
“ 
If you build a web app today, it will run in 
browsers 10 years from now. Good luck trying 
t...
APPS
“ 
If you enable people world-wide to get a good 
experience and solve a problem they have, I 
like it. The technology you...
WORRY ABOUT YOUR OWN BEHAVIOUR AND TALK ABOUT IT
http://www.futureinsights.com/home/the-state-of-the-componentised-web.html
THE SIMPLE BEAUTY AND ROBUSTNESS OF STATIC HTML
PREMATURE 
OPTIMISATION
https://medium.com/@fredriknoren/on-generalization-608949214e63
BE SMUG ABOUT WHAT WE HAVE!
http://makethumbnails.com/
BAIT AND PESTER…
SENSORS AND ACCESSING THE WORLD AROUND US 
! 
Vibration API 
Screen Orientation 
Geolocation API 
Mouse Lock API 
Open Web...
DEVELOPER TOOLS TOTALLY ROCK!
BUILD, DEPLOY AND DEBUG APPS IN THE BROWSER 
WEBIDE
OHAI CHROME/ANDROID AND SAFARI/IOS! 
FIREFOX TOOLS ADAPTER
GET HEARD!
http://ffdevtools.uservoice.com/
https://openwebapps.uservoice.com/
EMBRACE THE WORLD!
http://opensignal.com/reports/2014/android-fragmentation/ 
18,796 
Distinct 
Android 
devices 
(11,868 last 
year)
WORLD-WIDE… OH, WAIT…
HELLO WORLD! 
Intex Cloud FX: 
Firefox OS 
1.0 GHz processor 
128 MB RAM 
SD memory of up to 4GB. 
Dual-SIM 
Bluetooth 
Wi...
HELLO WORLD OF GOOGLE PLAY
PICKING BRAINS IS EASY…
A TREASURE TROVE… 
ALEX FEYERKE — OFFLINE FIRST 
https://www.youtube.com/watch?v=dPz_5-MEvcg
A TREASURE TROVE… 
https://www.youtube.com/watch?v=vBHt61yDO9U
TOOLS I’D HAVE KILLED FOR IN THE PAST…
COLLABORATIVE EDUCATION 
https://www.youtube.com/watch?v=hC9sXz3tRow
NO MORE HESITATION!
THANKS! 
CHRIS HEILMANN 
@CODEPO8
APPS
APPS
APPS
APPS
APPS
APPS
APPS
Upcoming SlideShare
Loading in …5
×

Published on

APPS

  • Nice !! Download 100 % Free Ebooks, PPts, Study Notes, Novels, etc @ https://www.ThesisScientist.com
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Hey guys! Who wants to chat with me? More photos with me here 👉 http://www.bit.ly/katekoxx
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Nice !! Download 100 % Free Ebooks, PPts, Study Notes, Novels, etc @ https://www.ThesisScientist.com
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Hello! Get Your Professional Job-Winning Resume Here - Check our website! https://vk.cc/818RFv
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • nice, find more latest PPTs on www.ThesisScientist.com.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

×