Tuesday, August 13, 2013

Modifiy Australis UI #1 - upcoming add-on

Mozilla decided to move to Australis design in one of the upcoming Firefox releases, probably in Firefox 28 or later.

The upcoming add-on (still unreleased and wip) will allow Firefox users to optionally restore some 'classic' ui parts, that are not present in Australis anymore. Users will be able to test these options once Australis enters nightly channel.

#########################################################################



Firefox UX preview (with add-on installed)

#########################################################################

The add-on for Firefox 26+ (Austalis design - Windows, MacOSX, Linux) restores squared tabs, appbutton/appmenu (known from Firefox for Windows), bookmarks menu button, bookmarks sidebar button, history sidebar button and other buttons from Firefox 4-26 (non-UX). All buttons are fully optional and have to be added to toolbars manually. Use browsers 'Customize' menu to move buttons to your favorite toolbar.

This add-on will not restore the add-ons toolbar. Adding/creating new toolbars is not possible anymore or at least at the moment. -> Modifiy Australis UI #5

Features & Settings
  • Squared tabs
  • Disable 'Tabs on Top'
  • Small nav-bar buttons (Windows only)
  • Findbar at the bottom
  • Hide navigation toolbar
  • Restore addons toolbar
  • Restore navigation toolbars 'text' mode and 'icons+text' mode 
  • Application button / application menu
    • appbutton hidden
    • appbutton on toolbars
    • appbutton on titlebar (Windows only)
  • Application button / application menu color
    • orange
    • Aurora blue
    • Nightly black
    • transparent
    • Palemoon blue
    • red
    • green
    • gray
  • Bookmarks menu button
  • Bookmarks sidebar button
  • History sidebar button
  • Reload button
  • Stop button
  • Moveable PanelUI button
  • Moveable back-forward button
  • Moveable urlbar (no seperate option needed)


Squared tabs
Classic tabs setting removes new curved tabs and replaces them with squared tabs.

Disable 'Tabs on Top'
The know 'tabs.onTop' setting got removed from about:config on Firefox 26+ (UX). This add-ons setting can place tabs below navigation toolbar again.

Small nav-bar buttons (Windows only)
Navigation toolbar buttons get alternative margins and paddings to simulate the "old" small icon view.

Findbar at the bottom
Moves findbar back to the bottom of the window.


Hide navigation toolbar
This setting is for those who like to move all their nav-bar items to other toolbars making the nav-bar unneeded.

Restore add-ons toolbar
This setting creates a new toolbar at the bottom of the windows, where toolbar buttons can be moved to.

Restore navigation toolbars 'text' mode and 'icons+text' mode
Some users still prefer to have text below toolbar button icons or to remove icons completely. This settings allows to select 'icons', icons+text' or 'text only' mode for toolbar buttons on navigation toolbar.


Application button / application menu settings 

- Application menu toolbar button -
The new appmenu toolbar button can be placed on navigation toolbar, personal toolbar or tabs toolbar. If it is placed on tabs toolbar before or after the tabs container and the menubar is not active or visible, the appbutton appears on browsers titlebar (Windows only). It appears on tabs toolbar, if the menubar is visible (Windows only).

- Application menu titlebar button [Windows only] -
The appmenu titlebar button is placed on titlebars left and is not moveable.

- Application button colors -
On tabs toolbar and titlebar the appbutton can be orange, blue (Aurora), black (Nightly), transparent, blue (Palemoon), red, green and gray [in normal browsing mode] and purple [in private browsing mode] like on previous Windows browser versions.

- Note -
The new appmenu is not a 1:1 copy of the old one, but it looks as original as possible. Some elements like the 'splitmenu' (combined menuitem with a popup submenu) got removed from Firefox 26 (UX), so a menuitem and a submenu are ordered in a row now instead. Appmenu also misses some menuitems inside developer and options submenus, that cannot be duplicated.

Bookmarks menu button
The bookmarks menu button is a default 'toolbar button', that can be placed on navigation toolbar, personal toolbar or tabs toolbar. On personal toolbar the buttons contains both an icon and a label. If the button is placed after the 'bookmarks toolbar items', the personal toolbar looks even more like the one known from older browser versions.

Bookmarks sidebar button
The bookmarks sidebar button is a default 'toolbar button', that can be placed on navigation toolbar, personal toolbar or tabs toolbars. It toggles the bookmarks sidebar.

History sidebar button
The history sidebar button is a default 'toolbar button', that can be placed on navigation toolbar, personal toolbar or tabs toolbars. It toggles the history sidebar.

Back-forward, reload and stop buttons
Browsers default buttons got merged with urlbar and cannot be moved to different areas on a toolbar or to different toolbars anymore. This add-on recreates those buttons as default 'toolbar buttons'. They can be placed on navigation toolbar, personal toolbar or tabs toolbar.

Windows - Linux - MacOSX
This add-on was tested on Windows 7 (AeroBasic, AeroGlass, Classic) & 8 & XP (Classic, Luna-Blue, Luna-Silver, Luna-Olive, Zune, Royale), Linux Mint and MacOSX 10.8.x. On other OSs or non OS-default themes tab colors may look wrong. Bookmarks, history, stop, reload, back and forward toolbar buttons use default OS icons (Firefox Windows icons on Windows systems, Firefox Mac icons on MacOSX and Firefox Linux icons on Linux systems).

Know 'issues'/'glitches'
  1. Application menus 'cut', 'copy' and 'paste' buttons do not always work like they should.
  2. Switching between AeroGlass and AeroBasic on Windows 7/Vista could change appbuttons position in tabs toolbar, if the menubar is disabled. Maximizing/restoring browsers main window or restarting browser fixes this. This glitch is caused by MS Windows and titlebars behavior and not by this add-on.

Notes
  1. Do not install this add-on on Firefox 4-26 (non-UX). It is not intended to be used with older versions and will certainly break some parts of the UI and not work correctly at all
  2. This add-on was made for browsers default theme only and will certainly break parts of the UI, if used along with themes. Additional buttons and their options may work fine.


Previews










- Aris


4 comments:

  1. Great tutorial thank you very much. I’ve recently started a website, the information you provide on this website has helped me greatly. Thanks for all your time and work.
    website design

    ReplyDelete
  2. Great post. I was checking constantly this blog and I am impressed!
    Very helpful info specifically the last part :) I care for such info a
    lot. I was looking for this particular information for a long time.
    Thank you and good luck.
    Mozilla Firefox Technical Support

    ReplyDelete
  3. Hi fellas,
    Thank you so much for this wonderful article really!
    If someone want to read more about that Firerox extension I think this is the right place for you!

    ReplyDelete