Conditioner

Building a content based website?

Progressively enhancing it with a bit of interactivity?

Want to offer different interactivity based on user context?

Are you loading that interactivity like this?

var elements = Array.from(
    document.querySelectorAll('.calendar')
);

elements.forEach(function(element) {
    new Calendar(element);
});

Maybe dealing with those different user contexts like this?

window.addEventListener('resize', function() {

    if (window.innerWidth >= 600) {

        var elements = Array.from(
            document.querySelectorAll('.calendar')
        );

        elements.forEach(function(element) {
            new Calendar(element);
        });

    }

});

Conditioner takes care of all that initialisation logic.

<div data-module="ui/calendar"
     data-context="@media (min-width:600px)">
</div>

Instead of writing endless loops and context checks, you can focus on building fun interactive functionality that enhances the user experience.

Find out more on GitHub