Firefox OS

http://www.mozilla.org/en-US/firefox/os/

I sometimes wonder whether the ubiquity of sites that use scrolling for animation and parallax effects will come to define a period in web design in a way that “Flash/DHTML” sites now do. Having said that, for the time being let’s just enjoy this visual feast – of which the Firefox OS site is a great example.

There are a few things that they get right where other scrolling sites have fallen down:

  • The timing is good when things appear on screen – I’ve seen a few other sites where the text appears for such a small amount of scrolling that you have to scroll back to read it.
  • I can use my scroll wheel on my mouse without the screen juddering.
  • There is an obvious alternative navigation to just scrolling.
  • It adapts to screen size
  • 2mb is big, but not as big as many similar sites. Strangely the bubble png at the bottom takes up 10% of this and could just be a jpg

I also love the clever (although simple) way the fox wraps itself around the phone.

mozilla

1 Comment

  1. UnmatchedStyle

    I particularly like the section “have it all” where that sub-section navigation anchors to the top while you make your way through the guts of the content on the page. Super slick.

    Reply

Trackbacks/Pingbacks

  1. Firefox Os | Buy Smartphone and Tablet Firefox OS - [...] a great example. There are a few things that they get right where other scrolling sites have… Reading… Tweet(function()…

Submit a Comment

Your email address will not be published. Required fields are marked *

News & Articles

The Essential Guide to Getting Started on Freelance Writing

The Essential Guide to Getting Started on Freelance Writing

Explore the lucrative and fulfilling world of freelance writing with our essential guide. Learn about specialties like blogging, social media, article, and technical writing. Build a portfolio, find work, set up your business, and discover the potential earnings. Embrace the freedom of working from home and follow tips for success in your dream career.

Securing Your Website: A DevOps Security Checklist

Securing Your Website: A DevOps Security Checklist

Learn how to secure your website with a comprehensive DevOps checklist. Dive into SSL/TLS encryption, password practices, and more. Discover the power of Content Security Policy and safeguard your online presence effectively.