• Home
  • About
  • Contact
  • Advertise

Devlounge

Design, Develop, and Grow

  • Home
  • Code
  • Design
  • Design Focus
  • Interviews
  • Publishing
  • Strategy
  • Webapps
  • Extras

Friday Focus 02/03/12: Scrolling & Sliding for Good

February 3, 2012 By Sophia Lucero

Happy February Friday Focus! Our featured websites of the week highlight informative, for-good topics in a vertical storytelling format.

Designs of the Week

Need help in promoting your site? INeedHits has been in the search engine marketing since 1996!

Coca-Cola + McDonald's 2011 Stewardship Report website
Coca-Cola + McDonald's 2011 Stewardship Report

The combination of hand-drawn illustrations and photos and the parallax animations that “lift off” each object drives home the charm and quirk of this design. The backgrounds are very bright so the small text is a little difficult to read at times but other than that, a fun little ride.

Dangers of Fracking website
Dangers of Fracking

Some sites like to do their storytelling with different slides per screenful but in this case it’s one long connected trail, from roads going through factories all the way to underground tunnels. And aside from the usual navigation marker, you’ll see icons pop up and stay at the top of the screen as a summary of the facts you’ve scrolled through so far.

6 Steps to Responsible Paper Purchasing website
6 Steps to Responsible Paper Purchasing

This one’s also colorful but on a warmer, more “organic” palette. Aside from the large graphics, the different paper textures at work, it’s the typography that gets the message across effectively, with every screenful easy to read.

Make Headway, make intuitive layouts, make it your WordPress theme of choice!

Social Media Weekly

Accessibility – Skip links and standards?
“Q: Are there any standards associated with skip links? A: Yes!”

HTML5 – The best of <time>s
“Avid HTML5 watchers will know that the <time> element was dropped from HTML, then re-instated, with more New! Improved! semantics.”

CSS – CSS Specificity
“Some people are confused by CSS Specificity, especially with all of the (not-so) new CSS3 Selectors. The image below may help make sense of CSS Specificity.”

Debugging, User Experience – Support Details
“Tech support management.”

Accessibility, User Experience – Did we lose track of the big picture?
“Let’s think Responsible Design before anything else.”

Filed Under: Design Focus Tagged With: animation, parallax

Code & Tutorials

Which Front-End Development Languages Will Grow in 2017?

Your Guide to Leveraging APIs as a Developer

Bitcoin Processing Website Integration For Web Developers

Website Security For 2016 That All Developers Need To Know

5 Reasons You Need to Be Using jQuery

About Devlounge

Want to read more about Devlounge, or maybe you want to contact us, or even advertise? Oh, and don't forget to subscribe to updates!

The Best of Devlounge

php_frameworks

Top 7 PHP Frameworks

Search