• Need Hosting? We highly recommend Bluehost
  • Built by: M-Way Solutions
  • Template? No, this is a custom built website
  • Reviewed: February 24, 2014 by Rob Hope
Feedback For Coffee
Send $5 and I (Rob 👋) will send a 5 Minute Audio Critique of your One Pager or Landing Page.

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
Screenshot Concierge

Impressed by this Retina-Optimized Screenshot?

Screenshot Concierge delivers beautiful screenshots of your Landing Page in multiple resolutions and devices - perfect for a website launch.

Rob Hope

This original One Page website was reviewed by Rob Hope

I started One Page Love back in 2008 and want to keep adding more value. Please tweet or email me with suggestions or any questions.