Viewing the New Mozilla.org Design On Small and Large Devices

One goal for the new www.mozilla.org design is to have it look good across a range of devices. We’re working on tweaks for small and large screens and we can use your help. Please send us screenshots from your phone, netbook or ginormous monitor (or from any other device you think is relevant).

New www.mozilla.org design in Fennec
New http://www.mozilla.org design in Fennec

For small devices we’ve been testing on the iPhone and the desktop version of Fennec, but we realize that there are other devices we need to take into consideration. If you are interested in helping, please post screenshots online and link to it in the comments or attach them to bug 492609.

New www.mozilla.org design on iPhone
New http://www.mozilla.org design on iPhone

We plan to use media queries to allow us to make changes targeted to a specific range of devices and screen sizes. This is functionality that will be included in Firefox 3.5 and we’re excited to be able to use it to make our new design even better.

2 thoughts on “Viewing the New Mozilla.org Design On Small and Large Devices

  1. Hi David,

    I am curious on the choice of why, within the redesign the desire or need to have a thick black bar take up a third of the upper half of the screen that blocks the Mozilla mascot.

  2. The header bar is a design element that looks nice on a large enough screen, but on smaller devices we may want to make it smaller.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s