Progressive Enhancement: Where Do I Begin?

Where do I begin?

‘‘

one arm permanent arm injury new parent situational

f o % 7 n . o i 4 t a 4 l u p o p . S . U t he

versus Graceful Degradation Progressive Enhancement

‘‘

How does this photo make you feel? ◎ Embarrassing ◎ Upsetting ◎ Saddening ◎ Bad Photo ◎ Other

How does this photo make you feel? ◎ Embarrassing ◎ Upsetting ◎ Saddening ◎ Bad Photo • ◎ Other it’s embarrassing

Please describe the photo ◎ It’s embarrassing ◎ It’s a bad photo of me ◎ It makes me sad

Sign In

S S C &

‘‘

Save-Data: on

save_data = navigator.connection.saveData;

if ( save_data ) { return respondWithFallbackImage( url ); }

Confirm Cancel Confirm Cancel

✓ Confirm × Cancel ✓ Confirm × Cancel

Start n o i s i c e D nt poi Experience 1 Chan ge Experience 2

DOMReady JS? No image

DOMReady JS? No image Image

data-image-src=”/i/sample.jpg”

data-image-src=”/i/sample.jpg” data-has-image=”true” <img alt=”” src=”/i/sample.jpg”>

DOMReady JS? No image Image

DOMReady JS? No image LIVE Image

data-image-src=”/i/sample.jpg”

data-image-src=”/i/sample.jpg” data-has-image=”true” /i/sample /i/sample