2013 on Ustream

Excellent load transitions and parallax scrolling as you navigate through this 2013 annual report for UStream. The statistics are presented well, not to mention they are impressive themselves. The 'Tech Insights' section is quite unique with it's left and right scroll function just for that...

Wastronauts Media

Some neat CSS load transitions in this responsive one pager for 'Wastronauts Media' from Southampton Hampshire, UK. Such an awesome touch with the browser tab saying "Are you still there?" when you start browsing other tabs. Although not tested, I see there is an option to send them a voice message on the site, nice...

How to Choose the Right UX Metrics for Your Product

Digital Telepathy have collaborated with Google Ventures to bring us this colorful one pager that comes to life as you scroll down and gives us guidelines on 'How to Choose the Right UX Metrics for Your Product'. Some real impressive CSS transitions and...

Beyond Bespoke

Loads of neat CSS load transitions as you scroll down this WordPress integrated one pager for luxury members directory, 'Beyond Bespoke'. The responsive adaption is quite impressive considering the volume of content including several...

Ask A Dev: Facebook Origami and Animation Prototypes

In our latest Ask a Dev video, web architect David Dulak answers this week's top question on whether it's possible to match an animation prototyped in Facebook Origami to the web. Prototyping animations has recently become a huge part of design and development, as it's a great way to demonstrate what a working project will look like See also: What Can IFTTT Do for You? As far as how to bring prototyped animations from programs such as Facebook Origami to web, there are two main options. One is to come up with the spring animation graph on your own, or by using the help of an open-source library like Frame JS and Facebook Rebound, which include web components. The second option is to use CSS3 keyframe animations. If you go the latter route, then Dulak recommends checking out Lavaca, which has a spring helper right in the animations library Read more...More about Animation, Css3, Mashable Video, Tech, and Apps...