Progressive enhancement - a barrier to progress?

Drew Neil @nelstrom 1 February 2012 Refresh Edinburgh PROGRESSIVE ENHANCEMENT
a BARRIER to PROGRESS? Image credit: http://flic.kr/p/7SpdqN

JavaScript EVERYWHERE Image credit: http://flic.kr/p/5KSgEV

JavaScript in an ARMS RACE Photo by Drew Neil

JavaScript on THE SERVER

JavaScript in THE DATABASE

{ "firstName" : "Drew", "lastName" : "Neil", "address" : {
"street" : "Wollinerstrasse", "city" : "Berlin", "postalCode" : "10435" } } JavaScript on THE WIRE

JavaScript in EDUCATION

JavaScript in an ARMS RACE on the SERVER in the
DATABASE on THE WIRE in EDUCATION

JavaScript EVERYWHERE Image credit: http://flic.kr/p/2WhsnJ

HTML5 new toys! Image credit: http://flic.kr/p/9nSGS1

HTML5 new tags Image credit: http://flic.kr/p/6jwjzj

HTML5 new APIs Image credit: http://flic.kr/p/4g31ca

SYSTEM REQUIREMENTS

SYSTEM REQUIREMENTS SYSTEM REQUIREMENTS OS Windows XP, Vista, Vista64 CPU
3.0 GHz P4, Dual Core 2.0 or AMD64X2 (or higher) RAM 1GB for XP / 2GB for Vista DISC DRIVE DVD-ROM Drive HARD DRIVE At least 7.5 GB of free space VIDEO DirectX 9 compatible video card AUDIO DirectX 9.0c compatible sound card

let’s get TECHNICAL! Image credit: http://flic.kr/p/77HXJQ

<li> <img src="static.twitter.com/12354678/nelstrom.jpg"/> <a href="twitter.com/nelstrom">nelstrom</a> Just watched @wilsonminer's highly
accl... 11 hours ago </li>

<li> <img src="{avatar_src}"/> <a href="{user_url}">{user_name}</a> {text} {timestamp}
</li>

<li> <img src="{avatar_src}"/> <a href="{user_url}">{user_name}</a> {text} {timestamp}
</li> { avatar_src: "static.twitter.com/12354678/nelstrom.jpg", user_url: "twitter.com/nelstrom", user_name: "nelstrom", text: "Just watched @wilsonminer's highly accl...", timestamp: "11 hours ago" }

following: { count: 535, records: [ { name: 'wilsonminer', avatar_url:
'.../1234/wm.jpg' }, { name: 'techberlin', avatar_url: '.../2134/tb.jpg' }, ... ] } Data Store

'.../1234/wm.jpg' }, { name: 'techberlin', avatar_url: '.../2134/tb.jpg' }, ... ] } Following {following.count} <ul> <tpl for="following.records"> <li><img src="{avatar_url}"/></li> </tpl> </ul> Data Store Template

'.../1234/wm.jpg' }, { name: 'techberlin', avatar_url: '.../2134/tb.jpg' }, ... ] } Following {following.count} <ul> <tpl for="following.records"> <li><img src="{avatar_url}"/></li> </tpl> </ul> Data Store Template Rendered HTML

following: { count: 536, records: [ { name: 'OpenSourceScot', avatar_url:
'.../1234/oss.jpg' }, { name: 'wilsonminer', avatar_url: '.../1234/wm.jpg' }, { name: 'techberlin', avatar_url: '.../2134/tb.jpg' }, ... ] } Following {following.count} <ul> <tpl for="following.records"> <li><img src="{avatar_url}"/></li> </tpl> </ul> Data Store Template Rendered HTML

<!DOCTYPE> <html> <head> <script src="application.js"></script> <link href="application.css" rel="stylesheet"/> </head> <body></body>
</html>

THERE ONCE WAS A TIME before Google Maps Image credit:
http://flic.kr/p/KqEiq

FAST CHEAP GOOD PICK TWO

ACCESSIBLE SECURE DYNAMIC COMPROMISE

The business goal for Trello is to get 100 million
users. Our highest priority is removing anything that people might use as a reason not to use Trello. Joel Spolsky http://www.joelonsoftware.com/items/2012/01/06.html Image credit: http://flic.kr/p/8vYWhW

a web of DOCUMENTS Image credit: http://flic.kr/p/98abNW

a web of ACTIVITY Image credit: http://flic.kr/p/5jC59a

a web of ACTIVITY DISCUSS

Progressive enhancement - a barrier to progress?

Progressive enhancement - a barrier to progress?

nelstrom

More Decks by nelstrom

Other Decks in Technology

Featured

Transcript

Drew Neil @nelstrom 1 February 2012 Refresh Edinburgh PROGRESSIVE ENHANCEMENT

JavaScript EVERYWHERE Image credit: http://flic.kr/p/5KSgEV

JavaScript in an ARMS RACE Photo by Drew Neil

JavaScript on THE SERVER

JavaScript in THE DATABASE

{ "firstName" : "Drew", "lastName" : "Neil", "address" : {

JavaScript in EDUCATION

JavaScript in an ARMS RACE on the SERVER in the

JavaScript EVERYWHERE Image credit: http://flic.kr/p/2WhsnJ

HTML5 new toys! Image credit: http://flic.kr/p/9nSGS1

HTML5 new tags Image credit: http://flic.kr/p/6jwjzj

HTML5 new APIs Image credit: http://flic.kr/p/4g31ca

SYSTEM REQUIREMENTS

SYSTEM REQUIREMENTS SYSTEM REQUIREMENTS OS Windows XP, Vista, Vista64 CPU

let’s get TECHNICAL! Image credit: http://flic.kr/p/77HXJQ

<li> <img src="static.twitter.com/12354678/nelstrom.jpg"/> <a href="twitter.com/nelstrom">nelstrom</a> <p> Just watched @wilsonminer's highly

<li> <img src="{avatar_src}"/> <a href="{user_url}">{user_name}</a> <p> {text} </p> <span class="timestamp">{timestamp}</span>

<li> <img src="{avatar_src}"/> <a href="{user_url}">{user_name}</a> <p> {text} </p> <span class="timestamp">{timestamp}</span>

following: { count: 535, records: [ { name: 'wilsonminer', avatar_url:

following: { count: 535, records: [ { name: 'wilsonminer', avatar_url:

following: { count: 535, records: [ { name: 'wilsonminer', avatar_url:

following: { count: 536, records: [ { name: 'OpenSourceScot', avatar_url:

<!DOCTYPE> <html> <head> <script src="application.js"></script> <link href="application.css" rel="stylesheet"/> </head> <body></body>

THERE ONCE WAS A TIME before Google Maps Image credit:

FAST CHEAP GOOD PICK TWO

ACCESSIBLE SECURE DYNAMIC COMPROMISE

ACCESSIBLE SECURE DYNAMIC COMPROMISE

The business goal for Trello is to get 100 million

a web of DOCUMENTS Image credit: http://flic.kr/p/98abNW

a web of ACTIVITY Image credit: http://flic.kr/p/5jC59a

a web of ACTIVITY DISCUSS