FRONTEND IS FRAGMENTINGspecialize( ) or die( )

http://tv.blogs.pressdemocrat.com/files/2010/02/curling.jpgFriday 25 October 13

PELLE CHRISTOFFER HAGRING VADSTENSVIK BJERKESTRAND

HTML/CSS/JS C# .NET CONSULTINGI DO , & AT CREUNA

Friday 25 October 13

PELLE BJERKESTRAND

HTML/CSS/JS C# .NET CONSULTINGI DO , & AT CREUNA

Friday 25 October 13

SPECIALIZE OR DIE

SEMANTICS STYLE BEHAVIOR

WEBAPPS

SERVERSIDE

NATIVEAPPS

Friday 25 October 13

AGENDA

A QUICK HISTORY LESSON

DISRUPTION & BLOAT

FRAGMENTATION & SPECIALIZATION

Friday 25 October 13

A QUICK HISTORY LESSON

http://upload.wikimedia.org/wikipedia/commons/8/8e/Boston_area_colonial_map.jpgFriday 25 October 13

IN THE BEGINNING

NORMALPEOPLE

DEVELOPERS&

USERS

Friday 25 October 13

USERS

NOW

DEVELOPERS

Friday 25 October 13

NOT GOOD ENOUGH

http://www.psy-q.ch/gallery3/var/albums/this_and_that/evento.pngFriday 25 October 13

IN NO WAY GOOD ENOUGH

http://arngren.net/Friday 25 October 13

COMMON DENOMINATOR

http://upload.wikimedia.org/wikipedia/commons/f/f0/Dell_Desktop_Computer_in_school_classroom.jpg

←960→

Friday 25 October 13

NOT SO COMMON

http://blog.parse.com/wp-content/themes/parse/images/devices_mask.pngFriday 25 October 13

http://blog.parse.com/wp-content/themes/parse/images/devices_mask.png

DISRUPTION

Friday 25 October 13

UPDATED EXISTING STANDARDS

http://www.w3.org/html/logo/https://github.com/voodootikigod/logo.js

Friday 25 October 13

RESPONSIVE WEB DESIGN

https://www.corephp.com/images/wordpress/uploads/2013/06/Responsive_Design_Kinetic_Knowledge.jpgFriday 25 October 13

FRONTENDER WORKLOAD

Friday 25 October 13

BLOAT

Friday 25 October 13

HTML+ HTML 2.0 HTML 3.2 HTML 4.01 HTML5

14 356 19 742 16 042

108 525

394 845

HTML

NUMBER OF WORDS

Friday 25 October 13

CSS 1 CSS 2 CSS SS 2010 CSS TODAY

23 585

136 848 158 722

625 792

CSS

NUMBER OF WORDS

Friday 25 October 13

ES 1 ES 2 ES 3 ES 5 ES 6

45 801 46 08970 331

103 135

189 617

ECMASCRIPT

NUMBER OF WORDS

Friday 25 October 13

WORDS IN THE SPECS

1.210.254Friday 25 October 13

WORDS IN THE BIBLE

788.280Friday 25 October 13

THE SPECS VS. THE BIBLE

THE SPECS THE BIBLE

788 280

1 210 254

Friday 25 October 13

JUST THE BASICS

http://img0.etsystatic.com/000/0/5290456/il_fullxfull.315812488.jpgFriday 25 October 13

CUSTOMER EXPECTATION

http://www.thevillageblocksmith.com/images/67pc%20013lg.jpgFriday 25 October 13

IN ADDITION

USABILITY SEXINESS POWER

Friday 25 October 13

IN ADDITION

FRAMEWORKS LIBRARIES CLIENTS

Friday 25 October 13

LIKE ALL OF THESE THINGS

Friday 25 October 13

FRONTEND IS NOT FRONTEND

And we need to tell everyone else about it.

Friday 25 October 13

FRAGMENTATION & SPECIALIZATION

http://opensignal.com/reports/fragmentation-2013/Friday 25 October 13

UPDATED EXISTING STANDARDS

http://www.w3.org/html/logo/https://github.com/voodootikigod/logo.js

SEMANTICS STYLE BEHAVIOR

Friday 25 October 13

NEW CONCEPTS

WEB APPS SERVER SIDE NATIVE APPShttps://raw.github.com/angular/angular.js/master/images/logo/AngularJS.exports/AngularJS-huge.pnghttps://github.com/Rapiere/spksrc/diff_blob/4be155306a3838b3915b317791ffcb45039b907d/spk/node/src/nodejs.pnghttp://www.redbusinesssystems.com/wp-content/uploads/2013/06/microsoft_logo_2012_by_qpstrafe-d5efcom.png

Friday 25 October 13

SPECIALIZE OR DIE

SEMANTICS STYLE BEHAVIOR

WEBAPPS

SERVERSIDE

NATIVEAPPS

Friday 25 October 13

A FRONTENDER IS NOT A FRONTENDER

And we need to tell everyone else about it.

Friday 25 October 13

UNICORNS EXIST

http://images5.alphacoders.com/315/315844.jpgFriday 25 October 13

MOST OF US ARE HORSES

http://stuffkit.com/wp-content/uploads/2011/06/horse-wallpaper.jpgFriday 25 October 13

SPECIALIZE OR DIE

http://tv.blogs.pressdemocrat.com/files/2010/02/curling.jpgFriday 25 October 13

THANKS

http://tv.blogs.pressdemocrat.com/files/2010/02/curling.jpgFriday 25 October 13