Context Based Progressive Enhancement using ConditionerJS
An outline of web dev challenges plus an introduction to ConditionerJS which solves said challenges. A presentation given at an NLHTML5 Meetup hosted by Booking.com.
// init start if (window.innerWidth > 600) { var elements = Array.from( document.getElementsByClassName(‘google-map’) ); elements.forEach(function(element) { new GoogleMap(element); }); } // more init logic here index.html
var elements = Array.from( document.querySelectorAll(‘[data-module]’); ); elements.forEach(function(element) { var name = element.getAttribute(‘data-module’); require(name, function(Module) { new Module(element); }); }); init.js