ScrollReveal

Slick One Pager for 'ScrollReveal' - a tiny JS library by Julian Lloyd that allows easy scroll animations for web and mobile browsers. What a beautiful way to showcase a JS library - tons of color, gorgeous animation and of course a perfect demonstration of the product.

by Rob Hope via One Page Love

Spinlist SongShare

Colorful landing page promoting 'Spinlist SongShare' that allows you to share/play any song in iMessage for free. Very cool video demo within the centre device.

by Rob Hope via One Page Love

Hook

'Hook' is a multi-purpose WordPress theme with several One Page layout options. Featured here is an architectural portfolio but make sure you see the other demos that include digital agencies, photography studios and app landing pages. Features subtle parallax scrolling, AJAX loading portfolio items, Google Maps integration, Twitter Feeds, Big Images slideshows and great to know the WordPress theme comes with the Visual Composer page builder valued at $34.

by Rob Hope via One Page Love

Getting Started With Paper.js: Animation and Images

AtoZ CSS Screencast: Text and Typography

Transcript

Text is everywhere. Without it, the web wouldn’t be such a useful place.

There are many different CSS properties for styling text and in this video, we’ll cover most of them in some way shape or form.

There’s quite a few, so we best get started! As there are so many things to cover, this episode will demonstrate some of them, but in part just act as an overview of the tools in the box.

Text Properties

There are many CSS properties that control the visual appearance of text - but only seven of them actually start with the word “text”.

Those are:

• text-align
• text-decoration
• text-indent
• text-overflow
• text-rendering
• text-shadow
• text-transform

We looked at text-align in some depth in "Episode 10: justify"; it’s used to control the alignment of text on the screen and is often set to left, right or center.

Continue reading %AtoZ CSS Screencast: Text and Typography%

by Guy Routledge via SitePoint

Solving Callback Problems With Async

CSS Icon

Very useful One Pager for 'CSS Icon' - a webapp built on AngularJS by Wenting Zhang that provides code for pure CSS icons. The Single Page site features a neat grid of icons including a slick instant search. Nice touch when you hover over code classes it reflects within the relevant icon area in blue.

by Rob Hope via One Page Love