Makeover: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
No edit summary
 
 
(12 intermediate revisions by 3 users not shown)
Line 1: Line 1:
OK, I lied and wasn't able to get to this in time for the meeting, but here's the very basics:
= Firefox 3 Primary UI and Theme Goals and Objectives =
Firefox will will [http://blog.mozilla.com/faaborg/2007/10/10/the-firefox-3-visual-refresh-system-integration/ aim to look and feel like a native application] on the operating system on which it is running, while maintaining a distinct default control set and shape across all platforms to retain a unique visual identity.


= OSX =
== Windows ==
* more native look and feel, hopefully bringing forward a lot of Gerich's suggestions from [http://kmgerich.com/2006/09/27/pinstripe-for-firefox-now-with-20-more-macintosh/ Pinstripe for Firefox 2] which came in too late for that release
The platform-native visual integration will be accomplished by:
* may revisit icon polish depending on 10.5
* P1: providing a new icon set for Windows XP and Windows Vista
** dynamically selecting XP or Vista specific icon set at startup
** dynamically selecting XP or Vista specific CSS styles at startup
* P1: fixing nsITheme to draw system-native menu styling from the operating system
* P2: creating a Windows Vista theme which can be installed by Vista users to include Vista-like widgets and control layouts, tabstrip and other changes for Vista look and feel (to be shipped alongside, not with, Firefox 3)


= Windows =
see [[Makeover#Windows_2|progress]]
* better theme support for Vista menus
* examination of use of Aero Glass where possible
* can we/do we ditch the toolbar?


= General =
== Mac OS X ==
* should buttons be more button like?
The platform-native visual integration will be accomplished by:
* figuring out location bar changes and new location bar buttons
* P1: using Cocoa-style widgets
* updates to toolbar set
* P1: getting "unified toolbars" working with XUL windows
* harmonizing changes from places, content handling, notification, download manager, password manager, and security UI changes
* P1: providing a revision to the default Firefox Mac theme ("Pinstripe") in order to better emulate OSX Leopard look and feel on widgets, tabs and buttons
* P1: providing new icons for this new theme
 
see [[Makeover#Mac_OS_X_2|progress]]
 
== Linux ==
The platform-native visual integration will be accomplished by:
* P1: allowing Firefox to draw icons from the native GTK-theme where appropriate
* P1: GTK-native widgets in HTML content area
* P1: reverting to using GTK native tabs in the default GTK theme
* P2: providing a new set of icons for the GTK theme ("Gnomestripe") which fit with the Tango icon style guidelines
* P2: modifying CSS spacing in default GTK theme
* P2: native looking headers of list/treeviews (like seen in: Preferences->Applications)
 
see [[Makeover#Linux_2|progress]]
 
= Resources & Reference =
* [http://people.mozilla.com/~faaborg/files/granParadisoUI/icons/iconInventory.html Inventory of Firefox 3 icons]
* [http://msdn2.microsoft.com/en-us/library/ms997636.aspx Windows XP icon design guidelines] and [http://people.mozilla.com/~faaborg/files/granParadisoUI/icons/rfp/xpColors.gif color palette]
* [http://msdn2.microsoft.com/en-us/library/aa511280.aspx Windows Vista icon design guidelines]
* [http://developer.apple.com/documentation/UserExperience/Conceptual/OSXHIGuidelines/XHIGIcons/chapter_14_section_1.html OS X Icon design guidelines] (note: parts of these guidelines seem to be ignored by recent OS X releases)
* [http://tango.freedesktop.org/Tango_Icon_Theme_Guidelines Tango icon guidelines]
 
= Progress & Tracking =
== Windows ==
* P1: providing a new icon set for Windows XP and Windows Vista
** find contributor or contractor to provide icon sets (''assigned to beltzner/slater'')
** tracking bug see {{bug|405605}}
* P1: fixing nsITheme to draw system-native menu styling from the operating system
** fixed, see {{bug|355789}}
* P2: creating a Windows Vista theme which can be installed by Vista users to include Vista-like widgets and control layouts, tabstrip and other changes for Vista look and feel (to be shipped alongside, not with, Firefox 3)
** ''unassigned''
 
== Mac OS X ==
* P1: using Cocoa-style widgets
** fixed, see {{bug|326469}}
* P1: getting "unified toolbars" working with XUL windows
** fix ready, see {{bug|303110}}
* P1: providing a revision to the default Firefox Mac theme ("Pinstripe") in order to better emulate OSX Leopard look and feel on widgets, tabs and buttons
** work in progress, see {{bug|397723}}
* P1: providing new icons for this new theme
** work in progress, see {{bug|397723}}
 
== Linux ==
* P1: allowing Firefox to draw icons from the native GTK-theme where appropriate
** fix ready, see {{bug|381206}}
* P1: GTK-native widgets in HTML content area
** fixed, see {{bug|329846}}
* P1: reverting to using GTK native tabs in the default GTK theme
** fix ready, see {{bug|353785}}
* P2: providing a new set of icons for the GTK theme ("Gnomestripe") which fit with the Tango icon style guidelines
** work in progress, see {{bug|381206}}
** also being collected at [http://tango.freedesktop.org/Firefox tango.freedesktop.org/Firefox]
* P2: modifying CSS spacing in default GTK theme
** work in progress, see {{bug|381206}}

Latest revision as of 09:42, 27 November 2007

Firefox 3 Primary UI and Theme Goals and Objectives

Firefox will will aim to look and feel like a native application on the operating system on which it is running, while maintaining a distinct default control set and shape across all platforms to retain a unique visual identity.

Windows

The platform-native visual integration will be accomplished by:

  • P1: providing a new icon set for Windows XP and Windows Vista
    • dynamically selecting XP or Vista specific icon set at startup
    • dynamically selecting XP or Vista specific CSS styles at startup
  • P1: fixing nsITheme to draw system-native menu styling from the operating system
  • P2: creating a Windows Vista theme which can be installed by Vista users to include Vista-like widgets and control layouts, tabstrip and other changes for Vista look and feel (to be shipped alongside, not with, Firefox 3)

see progress

Mac OS X

The platform-native visual integration will be accomplished by:

  • P1: using Cocoa-style widgets
  • P1: getting "unified toolbars" working with XUL windows
  • P1: providing a revision to the default Firefox Mac theme ("Pinstripe") in order to better emulate OSX Leopard look and feel on widgets, tabs and buttons
  • P1: providing new icons for this new theme

see progress

Linux

The platform-native visual integration will be accomplished by:

  • P1: allowing Firefox to draw icons from the native GTK-theme where appropriate
  • P1: GTK-native widgets in HTML content area
  • P1: reverting to using GTK native tabs in the default GTK theme
  • P2: providing a new set of icons for the GTK theme ("Gnomestripe") which fit with the Tango icon style guidelines
  • P2: modifying CSS spacing in default GTK theme
  • P2: native looking headers of list/treeviews (like seen in: Preferences->Applications)

see progress

Resources & Reference

Progress & Tracking

Windows

  • P1: providing a new icon set for Windows XP and Windows Vista
    • find contributor or contractor to provide icon sets (assigned to beltzner/slater)
    • tracking bug see bug 405605
  • P1: fixing nsITheme to draw system-native menu styling from the operating system
  • P2: creating a Windows Vista theme which can be installed by Vista users to include Vista-like widgets and control layouts, tabstrip and other changes for Vista look and feel (to be shipped alongside, not with, Firefox 3)
    • unassigned

Mac OS X

  • P1: using Cocoa-style widgets
  • P1: getting "unified toolbars" working with XUL windows
  • P1: providing a revision to the default Firefox Mac theme ("Pinstripe") in order to better emulate OSX Leopard look and feel on widgets, tabs and buttons
  • P1: providing new icons for this new theme

Linux

  • P1: allowing Firefox to draw icons from the native GTK-theme where appropriate
  • P1: GTK-native widgets in HTML content area
  • P1: reverting to using GTK native tabs in the default GTK theme
  • P2: providing a new set of icons for the GTK theme ("Gnomestripe") which fit with the Tango icon style guidelines
  • P2: modifying CSS spacing in default GTK theme
Retrieved from "https://wiki.mozilla.org/index.php?title=Makeover&oldid=76261"