Creating an animation framework that is fast, powerful, and easy to use
- Responsive CSS
- Open Source
- Woocommerce (Ecommerce)
- Browser Testing
Sequence.js is a responsive animation framework for creating step-based applications such as sliders, presentations, and banners. In 2012 I released the first iteration of the Sequence.js framework and website, and in 2015 released version 2, re-built from the ground-up.
Sequence.js Animation Framework
seq-out to control transitions into and out of an active state.
By making Sequence.js transitions controllable via CSS, developers can utilise hardware acceleration (for smooth animation on mobile, tablet, and desktop devices) and naturally make the application responsive via CSS media queries.
Sequence.js works in modern browsers, with a fallback theme for browsers that don't support CSS transitions such as Internet Explorer 8 and 9.
The build process uses Grunt.js for automated tasks such as Scss preproccessing and testing via Karma and Jasmine. Sequence.js is made available on GitHub as open-source on GitHub and is cross-browser tested with BrowserStack.
Along with the Sequence.js framework, I also make available themes which are ready-made applications powered by Sequence.js to act as examples of what can be created with Sequence.js.
More themes can be found in the Theme Store.
I designed and developed the Sequence.js website to promote the Sequence.js framework, provide documentation for its use, and sell ready-made themes and licenses via an ecommerce solution.
The menu is condensed into an animated dropdown menu in smaller widths The website needed to be fast and responsive to reflect the same principles of the framework; making use of media queries for responsive design that works on mobile, tablet, and desktop devices.
The website's workflow is based over local, stage, and live servers to be certain any new changes that go live are ready for production. I use the Wordpress plugin Migrate DB Pro to quickly and safely maintain an up to date database between environments and Git over SSH to manage files securely.
Ian Lunn is a Front-end Developer with 12 years commercial experience, author of CSS3 Foundations, and graduate of Internet Technology. He creates successful websites that are fast, easy to use, and built with best practices.