Responsive Web Design vs. Mobile Site: Which is better, when?

Responsive Web Design vs. Mobile Site: Which is better, when?


Over the next few weeks we at A Little Code will be experimenting with best ways to optimize sites for multiple devices. Here are a few initial thoughts.

Hitting the Limits of Responsive Web Design

Initially, we’ve found that for a site with a number of interactive elements, such as drop-down navigation, slideshows, javascript overlays, etc., the approach to Responsive Web Design recommended by Ethan Marcotte — adding media queries for mobile devices at the end of things — isn’t up to the task.
Continue reading “Responsive Web Design vs. Mobile Site: Which is better, when?”

Video Introduction to Responsive Web Design, from Nettuts+

A 25-minute video tutorial introducing the concept of Responsive Web Design — using CSS media queries to adjust CSS design and layout to work well in variously-sized browsers across multiple devices — from Nettuts+.

Features some excellent examples of responsive designs, including:

See the original post: Responsive Web Design: A Visual Guide | Nettuts+.

Excellent Examples of Parallax Scrolling

Excellent Examples of Parallax Scrolling

parallax-example-screenshot

These are some very inspiring examples — some of the best of which combine scrolling with parallax. Check them out:

21 Examples of Parallax Scrolling in Web Design | Inspiration

The Parallax effect or parallax scrolling in web design is the technique that features layered images that move around the website in different speeds/perspectives creating a nice and interesting 3D illusion. We gathered some examples of websites using the parallax effect to inspire you. This effect certainly makes scrolling around websites an interesting experience.

iPad Usability: Year One — report from Jakob Nielsen

Jakob Nielsen has released a new study on iPad usability and interface improvements. From the article:

A year after our first usability study of iPad apps, it’s nice to see that iPad user interfaces have become decidedly less whacky. It’s even better to see good uptake of several of our recommendations from last year, including apps with:

  • back buttons,
  • broader use of search,
  • homepages, and
  • direct access to articles by touching headlines on the front page.

Read the results:  iPad Usability: Year One (Jakob Nielsen’s Alertbox).