The M-Project framework

Long Landing Page for mobile JS framework called ‘The-M-Project’ that loads up as you scroll. I feel the site is quite sticky as your scroll down but really like that first animation sliding down the tablet into a new section, great touch. Cheers for the build notes…

The-M-Project is a free mobile HTML5 JavaScript framework that helps you build great mobile apps, easy and fast. This smooth one pager shows its mission and features behind providing demos and a access to a comprehensive documentation, networks and developer groups.

The animations were done with CSS3 transitions and transforms and they were fired/paused using Javascript. Using the Javascript library enquire.js for events triggering. This library detects the width of the viewport and provide callbacks when an specific width is reached.

The library skrollr.js was used for the scrolling effects. CSS properties were given at specific heights of the viewport and the library calculates the intermediate state between specific style attributes, providing the intended animation. Animations were applied to images and HTML blocks.
Categories App
Tailwind CSS and Refactoring UI
New Podcast
Tailwind CSS founder Adam Wathan is the latest Yo! Podcast guest.