One Page Love Logo
  • Need Hosting? We highly recommend Bluehost
  • Reviewed: February 24, 2014
  • Template? No, this is a custom built website
  • Built by: M-Way Solutions
WooCommerce One Page Checkout
WooCommerce One Page Checkout keeps purchasing within One Page. Learn more
One Page Website Review

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
Rob Hope

This original One Page website was reviewed by Rob Hope

I founded One Page Love back in 2008. It's come a long way but I want to continuously add value to your experience. Please tweet or email me with any questions or suggestions.