Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

View PimDerks's full-sized avatar
💭
GraphQL PluralSight course

Pim Derks PimDerks

💭
GraphQL PluralSight course
View GitHub Profile
javascript:(function()%7Bvar%20colors%20%3D%20%5B'%23faf5cb'%2C%20'%23fcd2fa'%2C%20'%23c7f4c9'%2C%20'%23a7f3f1'%5D%3B%5B%5D.slice.apply(document.querySelectorAll('p%2C%20dt%2C%20dd%2Cli')).forEach(function(n)%7Bvar%20s%20%3D%20n.innerHTML.split('.%20')%3Bs.forEach(function(s)%7Bvar%20words%20%3D%20s.split('%20')%2Clength%20%3D%20words.length%3B%7D)%3Bvar%20r%20%3D%20''%3Bs.map(function(s)%7Bvar%20l%20%3D%20s.split(%22%20%22).length%2C%20c%3Bswitch(l)%7Bcase%201%3Acase%202%3Ac%20%3D%20colors%5B0%5D%3Bbreak%3Bcase%203%3Acase%204%3Acase%205%3Acase%206%3Ac%20%3D%20colors%5B1%5D%3Bbreak%3Bcase%207%3Acase%208%3Acase%209%3Acase%2010%3Acase%2011%3Acase%2012%3Ac%20%3D%20colors%5B2%5D%3Bbreak%3Bdefault%3Ac%20%3D%20colors%5B3%5D%3Bbreak%3B%7Dr%20%2B%3D%20'%3Cspan%20style%3D%22background-color%3A'%20%2B%20c%20%2B%20'%22%3E'%20%2B%20s%20%2B%20'.%20%3C%2Fspan%3E'%3B%7D)%3Bn.innerHTML%20%3D%20r%3B%7D)%7D)()

Fronteers 2016: Day 2

Jason Grigsby: Adapting to Input

  • @grigs
  • CloudFour

In the beginning

  • Web was formless
  • Forms only added when web became commercial
  • Web was 640x480> 800x600 > 1024x768 etc.

#Fronteers 2016: Day 1

Ire Aderinokun: Progressive Enhancement and CSS

  • http://bitsofco.de since 1.5 yrs
  • Progessive enhancement usually about JavaScript.
  • 2003: Safari 1.0, Phoenix (firefox), IE winning (95%)

Graceful degradation

  • 2003: Graceful degradation: provide certain level of user experience in modern browsers, lower level in older browsers.
  • March 11, 2003: Stephen Champeon, "Inclusive Webdesign For The Future" outlines problems with graceful degradation