Landing Page Design Tips
Landing Page Design Tips ๐Ÿ–Œ
These 10 tips form the most common feedback I give users wanting to improve their Landing Page design.

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 started One Page Love back in 2008 and want to keep adding more value. Please tweet or email me with suggestions or any questions.