<?xml version="1.0" encoding="UTF-8"?> <rss
version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
> <channel><title>gHacks Technology News &#124; Latest Tech News, Software And Tutorials &#187; firefox design</title> <atom:link href="http://www.ghacks.net/tag/firefox-design/feed/" rel="self" type="application/rss+xml" /><link>http://www.ghacks.net</link> <description>A technology news blog covering software, mobile phones, gadgets, security, the Internet and other relevant areas.</description> <lastBuildDate>Sat, 11 Feb 2012 17:32:23 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <atom:link rel="hub" href="http://pubsubhubbub.appspot.com"/><atom:link rel="hub" href="http://superfeedr.com/hubbub"/> <item><title>This Could Be The New Default Firefox Theme</title><link>http://www.ghacks.net/2011/07/31/this-could-be-the-new-default-firefox-theme/</link> <comments>http://www.ghacks.net/2011/07/31/this-could-be-the-new-default-firefox-theme/#comments</comments> <pubDate>Sun, 31 Jul 2011 11:20:51 +0000</pubDate> <dc:creator>Martin Brinkmann</dc:creator> <category><![CDATA[Browsing]]></category> <category><![CDATA[Firefox]]></category> <category><![CDATA[firefox design]]></category> <category><![CDATA[firefox theme]]></category> <category><![CDATA[mozilla-firefox]]></category> <guid
isPermaLink="false">http://www.ghacks.net/?p=48445</guid> <description><![CDATA[The last major changes to the Firefox default theme data a while back to the Firefox 4 release. You may remember that Mozilla overhauled the browser interface, for instance by removing the status bar, replacing the menu bar with a single menu button or moving tabs by default on top of the url bar. Mockup [...]]]></description> <content:encoded><![CDATA[<p>The last major changes to the Firefox default theme data a while back to the Firefox 4 release. You may remember that Mozilla overhauled the browser interface, for instance by removing the status bar, replacing the menu bar with a single menu button or moving tabs by default on top of the url bar.</p><p>Mockup screenshots of a new default Firefox theme have been uploaded by Stephen Horlander to his Mozilla website. The new user interface goes by the name of Australis according to the file names of the images on the ux presentation page.</p><p>The majority of screenshots show the Apple Macintosh version of the new theme, while only two show how it would look like on PCs running the Windows operating system.</p><p>The following mockup shows how the new theme would look like on Windows versions of the Firefox browser.</p><p><img
src="http://www.ghacks.net/wp-content/uploads/2011/07/firefox-default-theme-600x303.png" alt="firefox-default-theme" title="firefox-default-theme" width="600" height="303" class="alignnone size-medium wp-image-48447" /></p><p>The next how it would look like on a Mac.</p><p><img
src="http://www.ghacks.net/wp-content/uploads/2011/07/firefox-mac-theme-600x304.png" alt="firefox-mac-theme" title="firefox-mac-theme" width="600" height="304" class="alignnone size-medium wp-image-48448" /></p><p>Interested users find all mockups <a
href="http://people.mozilla.com/~shorlander/ux-presentation/ux-presentation.html">on the</a> presentation page over at Mozilla.</p><p>A major change is the integration of the Firefox menu button in the tabbar. This moves the first tab to the right of the interface. The active tab is now displayed with rounded corners, while all other tabs are displayed directly on the background of the web browser and not on an inactive tab background.</p><p>A Deviant Art user has created a theme for the browser that mimics the mockup. <del
datetime="2011-07-31T20:21:56+00:00">The theme is only available on Deviant Art and not on the official Mozilla website.</del> Interested Firefox users can download them theme from <a
href="http://soapyhamhocks.deviantart.com/art/Australis-1-0a1-245477231">this page</a> or <a
href="https://addons.mozilla.org/en-US/firefox/addon/australis/">at the official</a> Firefox Add-On repository over at Mozilla.</p><p>No compatibility information are provided on the page. It is likely that the theme is compatible with all versions of Firefox that use the new menu bar button, which would mean all versions from Firefox 4 on.</p><p>How do you like the new theme? Let us know in the comments. (<a
href="http://www.askvg.com/take-a-look-at-some-new-interesting-mockups-of-mozilla-firefox-ui/">via</a>)</p> ]]></content:encoded> <wfw:commentRss>http://www.ghacks.net/2011/07/31/this-could-be-the-new-default-firefox-theme/feed/</wfw:commentRss> <slash:comments>30</slash:comments> </item> <item><title>Latest Firefox 4 Pre-Alpha Showcases New Design</title><link>http://www.ghacks.net/2010/06/14/latest-firefox-4-pre-alpha-showcases-new-design/</link> <comments>http://www.ghacks.net/2010/06/14/latest-firefox-4-pre-alpha-showcases-new-design/#comments</comments> <pubDate>Mon, 14 Jun 2010 15:52:03 +0000</pubDate> <dc:creator>Martin Brinkmann</dc:creator> <category><![CDATA[Browsing]]></category> <category><![CDATA[Firefox]]></category> <category><![CDATA[firefox 3]]></category> <category><![CDATA[firefox 4]]></category> <category><![CDATA[firefox design]]></category> <category><![CDATA[firefox interface]]></category> <guid
isPermaLink="false">http://www.ghacks.net/?p=26541</guid> <description><![CDATA[The Mozilla developers are doing a lot to keep the community informed about design and interface changes that they might implement in the upcoming Firefox 4 web browser. But nothing beats trying out some of those changes in the latest pre-alpha builds personally. Firefox 3.7 Pre-Alpha 6 was released yesterday by the developers. And while [...]]]></description> <content:encoded><![CDATA[<p>The Mozilla developers are doing a lot to keep the community informed about design and interface changes that they might implement in the upcoming Firefox 4 web browser. But nothing beats trying out some of those changes in the latest pre-alpha builds personally.</p><p><span
id="more-26541"></span>Firefox 3.7 Pre-Alpha 6 was released yesterday by the developers. And while we would not recommend using it in a work environment it does showcase some of the recent interface changes that may make it into the beta and final builds.</p><p>Especially Windows Vista and Windows 7 users can enjoy the new Aero Glass interface. It does seem that the Firefox developers need to fine tune that interface a bit as it made the menu texts almost unreadable on certain backgrounds.</p><div
id="attachment_26542" class="wp-caption alignnone" style="width: 510px"><img
src="http://www.ghacks.net/wp-content/uploads/2010/06/firefox-4-design-500x285.png" alt="firefox 4 design" title="firefox 4 design" width="500" height="285" class="size-medium wp-image-26542" /><p
class="wp-caption-text">firefox 4 design</p></div><p>The tabbar now integrates some of the navigational toolbar elements. That&#8217;s in theory not a bad thing especially for users who like their browser header to be as small as possible. The elements at the right side of the tabbar however seemed to mess things up a little bit. Most users are used to seeing a close tab button there. Mozilla have now placed five buttons to the right of the tabbar of which two display an X.</p><p>Even more confusing is the fact that the rightmost X stops loading a page while the X on the left side of it closes the active tab.</p><p>The other buttons from left to right are reload, display all tabs and open a new tab. The layout of the buttons can be changed so that it is possible to move, remove and reorder the buttons.</p><p>The bookmarks toolbar does not seem to make use of Aero at all, the tabbar only if it is placed right underneath the menu bar.</p><p>Removing the menu bar from the layout will now display a single menu button in the browser&#8217;s interface, much what Opera have done in Opera 10.50.</p><div
id="attachment_26544" class="wp-caption alignnone" style="width: 199px"><img
src="http://www.ghacks.net/wp-content/uploads/2010/06/firefox-4-menu-bar.png" alt="firefox 4 menu bar" title="firefox 4 menu bar" width="189" height="83" class="size-full wp-image-26544" /><p
class="wp-caption-text">firefox 4 menu bar</p></div><p>The latest Firefox 4 builds, still labeled as Firefox 3.7 currently, are <a
href="http://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/latest-trunk/">available</a> for all supported operating systems from the Mozilla ftp server.</p> ]]></content:encoded> <wfw:commentRss>http://www.ghacks.net/2010/06/14/latest-firefox-4-pre-alpha-showcases-new-design/feed/</wfw:commentRss> <slash:comments>6</slash:comments> </item> <item><title>Firefox Add-ons Manager Redesign</title><link>http://www.ghacks.net/2010/04/30/firefox-add-ons-manager-redesign/</link> <comments>http://www.ghacks.net/2010/04/30/firefox-add-ons-manager-redesign/#comments</comments> <pubDate>Fri, 30 Apr 2010 13:43:31 +0000</pubDate> <dc:creator>Martin Brinkmann</dc:creator> <category><![CDATA[Browsing]]></category> <category><![CDATA[Firefox]]></category> <category><![CDATA[firefox add-ons]]></category> <category><![CDATA[firefox design]]></category> <guid
isPermaLink="false">http://www.ghacks.net/?p=25044</guid> <description><![CDATA[The Firefox add-ons manager is currently hidden deep in the web browser. It can only be accessed by clicking on Tools > Add-ons. The add-ons manager then opens in a new window that gives the user options to manage extensions, themes and plugins. Search engines on the other hand are not maintained in the add-ons [...]]]></description> <content:encoded><![CDATA[<p>The Firefox add-ons manager is currently hidden deep in the web browser. It can only be accessed by clicking on Tools > Add-ons. The add-ons manager then opens in a new window that gives the user options to manage extensions, themes and plugins. Search engines on the other hand are not maintained in the add-ons manager which is not the most elegant solution.</p><p>Redesign plans existed for some time but progress has only been made recently. A new &#8211; fairly incomplete &#8211; preview of the new add-ons manager has now been added to the latest Firefox nightlies.</p><p>Several blogs have already reported about the changes including <a
href="http://mozillalinks.org/wp/2010/04/meet-the-new-firefox-add-ons-manager/">Mozilla Links</a> or <a
href="http://jboriss.wordpress.com/2010/04/01/add-ons-manager-redesign-update/">Boriss&#8217; Blog</a>.</p><p><span
id="more-25044"></span>Overview of the changes in the new Firefox add-ons manager:</p><ul><li>Redesigned user interface</li><li>Languages, search engines, extensions, themes and plugins can all be managed from the add-ons manager.</li><li>Add-ons manager is now displayed in a tab in the web browser, can be accessed with about:addons</li><li>New extensions manager backend including api changes</li><li>Ram and CPU usage information</li></ul><p>The last feature has not been mentioned in the other blog posts. It is only visible in the preview screenshot shown below:</p><p><img
src="http://www.ghacks.net/wp-content/uploads/2010/04/addons_manager_but_not_final_1-500x345.png" alt="addons manager" title="addons manager" width="500" height="345" class="alignnone size-medium wp-image-25045" /></p><p>There is currently no button to launch the add-ons manager but users can enter about:addons in the address bar and bookmark the url for faster access.</p><p>What&#8217;s your opinion on the new add-ons manager?</p><p>Update: The Firefox developers have added another option to open the browser&#8217;s add-ons manager. Firefox users can enter the shortcut about:addons in the address bar of the browser to load the add-on manage in the active tab.</p><p>The add-on manager has been redesigned in the meantime. Take a look at the screenshot of the current version of the add-on manager.</p><p><img
src="http://www.ghacks.net/wp-content/uploads/2010/04/firefox-addon-manager-600x346.jpg" alt="firefox addon manager" title="firefox addon manager" width="600" height="346" class="alignnone size-medium wp-image-53571" /></p><p>The new add-on manager lists extensions, plugins, themes, user scripts and even an option to find and install add-ons right away.</p> ]]></content:encoded> <wfw:commentRss>http://www.ghacks.net/2010/04/30/firefox-add-ons-manager-redesign/feed/</wfw:commentRss> <slash:comments>5</slash:comments> </item> <item><title>More Mozilla Firefox 4 Design Mockups Appear</title><link>http://www.ghacks.net/2009/12/23/more-mozilla-firefox-4-design-mockups-appear/</link> <comments>http://www.ghacks.net/2009/12/23/more-mozilla-firefox-4-design-mockups-appear/#comments</comments> <pubDate>Tue, 22 Dec 2009 22:16:30 +0000</pubDate> <dc:creator>Martin Brinkmann</dc:creator> <category><![CDATA[Browsing]]></category> <category><![CDATA[Firefox]]></category> <category><![CDATA[firefox 4]]></category> <category><![CDATA[firefox design]]></category> <category><![CDATA[firefox mockups]]></category> <guid
isPermaLink="false">http://www.ghacks.net/?p=21730</guid> <description><![CDATA[Firefox 4 is still a long time away but some dedicated developers and designers are already at work to take the web browser to the next level. One of the improvements that the developers seem to concentrate on is the look and feel of the web browser. Some say this moves Firefox 4 nearer to [...]]]></description> <content:encoded><![CDATA[<p>Firefox 4 is still a long time away but some dedicated developers and designers are already at work to take the web browser to the next level. One of the improvements that the developers seem to concentrate on is the look and feel of the web browser. Some say this moves Firefox 4 nearer to Google Chrome and Opera which share some design elements like a compressed menu button that contains most tools and options or the removed title bar.</p><p>Firefox 4 developer <a
href="http://blog.stephenhorlander.com/2009/12/21/windows-themeui-update/">Stephen Horlander</a> published some new design mockups of Firefox 4 on his personal blog. The major element in this mockup series of Firefox 4 seems to be the App button as he calls it. This is the same one-button approach that the other web browsers have already implemented or started to implement.</p><p><span
id="more-21730"></span><img
src="http://www.ghacks.net/wp-content/uploads/2009/12/Fx-4.0-Mockup-Win7-i03-AppButton-ToT-490x115.png" alt="" title="Fx-4.0-Mockup-Win7-i03-AppButton-ToT-490x115" width="490" height="115" class="alignnone size-full wp-image-21731" /></p><p>The Firefox button in the mockup above is the App button that leads to all the menus that are usually found in the menu bar of Firefox 3. Some users might argue that it is a waste of space to put the app button in single toolbar instead of placing it into an existing toolbar. The removal of the title bar would have barely any effect on the available screen estate otherwise.</p><p>Stephen posted some app button variations that place the app button next to the tabs instead or next to the title bar; Something that would free up screen estate.</p><p><img
src="http://www.ghacks.net/wp-content/uploads/2009/12/Fx-4.0-Mockup-Win7-i03-AppButton-Variations.png" alt="" title="Fx-4.0-Mockup-Win7-i03-AppButton-Variations" width="490" height="250" class="alignnone size-full wp-image-21732" /></p><p>A visual comparison between the latest Firefox 4 mockup and the current Firefox 3 design shows that the developers aim at reducing the header area of Firefox by 40-50%.</p><p><img
src="http://www.ghacks.net/wp-content/uploads/2009/12/3.5-4.0-Comparison.png" alt="" title="3.5-4.0-Comparison" width="490" height="195" class="alignnone size-full wp-image-21733" /></p><p>Additional changes in the mockups include:</p><ul><li>Refining Toolbar Button Appearance: Some initial work has gone into making the toolbar buttons more visible on light backgrounds and more crisp and dimensional (pressable).</li><li> Location Bar: Created some very early visuals for reevaluating site identity. Also the location bar is now properly recessed instead of floating.</li><li>Retain Separate Search Bar: With the LocationBar containing an increasing amount of functionality it may be best to retain a clear distinction between the two fields.</li><li>Bookmarks Widget: On a default profile or existing profile that hasn’t modified the Bookmarks Toolbar it will be hidden by default and the Bookmarks Widget placed in the Navigation Toolbar.</li></ul><p>What are your thoughts on the new mockups of Firefox 4? Long needed changes or something that better remains untouched?</p> ]]></content:encoded> <wfw:commentRss>http://www.ghacks.net/2009/12/23/more-mozilla-firefox-4-design-mockups-appear/feed/</wfw:commentRss> <slash:comments>13</slash:comments> </item> <item><title>New Firefox 3.7 Design Suggestions Posted</title><link>http://www.ghacks.net/2009/09/24/new-firefox-3-7-design-suggestions-posted/</link> <comments>http://www.ghacks.net/2009/09/24/new-firefox-3-7-design-suggestions-posted/#comments</comments> <pubDate>Thu, 24 Sep 2009 07:58:20 +0000</pubDate> <dc:creator>Martin Brinkmann</dc:creator> <category><![CDATA[Browsing]]></category> <category><![CDATA[Firefox]]></category> <category><![CDATA[firefox 3]]></category> <category><![CDATA[firefox design]]></category> <category><![CDATA[firefox design mockups]]></category> <category><![CDATA[web browser]]></category> <guid
isPermaLink="false">http://www.ghacks.net/?p=16622</guid> <description><![CDATA[The Mozilla Firefox development team seems to be dead serious to change the look and feel of the popular web browser. The next big installment is up for an interface change. To stay true to their philosophy the development team has posted the second revision of Firefox 3.7 mockup themes on their website inviting Firefox [...]]]></description> <content:encoded><![CDATA[<p>The Mozilla Firefox development team seems to be dead serious to change the look and feel of the popular web browser. The next big installment is up for an interface change. To stay true to their philosophy the development team has posted the second revision of Firefox 3.7 mockup themes on their website inviting Firefox users to join the discussion. These new revisions have been changed in several key areas. Currently only designs for the Microsoft Windows platform have been posted.</p><p>The most obvious difference between version 1 and 2 of the design mockups is the loading bar that has been placed above each tab in the Internet browser. That&#8217;s actually a clever way of indicating the page loading status to the user. The current release version of Firefox displays a loading icon but no progress bar.</p><p><span
id="more-16622"></span><img
src="http://www.ghacks.net/wp-content/uploads/2009/09/firefox_3_7-500x422.png" alt="firefox 3.7" title="firefox 3.7" width="500" height="422" class="alignnone size-medium wp-image-16623" /></p><p>The bookmarks toolbar has also be added again to the Firefox interface. If you remember it was not included in the first design mockups that have been posted a few months ago. The menu bar has been replaced with a single page button that leads to the menus. That&#8217;s a big change for users who do not use add-ons like Tiny Menu which offer this functionality more or less in current versions of Firefox.</p><p>You can check out the new Firefox 3.7 design mockups for Windows Vista, Windows 7 and Windows XP at the <a
href="https://wiki.mozilla.org/Firefox/3.7_Windows_Theme_Mockups">Mozilla Wiki</a>.</p> ]]></content:encoded> <wfw:commentRss>http://www.ghacks.net/2009/09/24/new-firefox-3-7-design-suggestions-posted/feed/</wfw:commentRss> <slash:comments>6</slash:comments> </item> <item><title>Firefox 3.7 and 4.0 Design Mockups</title><link>http://www.ghacks.net/2009/07/29/firefox-3-7-and-4-0-design-mockups/</link> <comments>http://www.ghacks.net/2009/07/29/firefox-3-7-and-4-0-design-mockups/#comments</comments> <pubDate>Wed, 29 Jul 2009 09:52:48 +0000</pubDate> <dc:creator>Martin Brinkmann</dc:creator> <category><![CDATA[Browsing]]></category> <category><![CDATA[Firefox]]></category> <category><![CDATA[firefox 3]]></category> <category><![CDATA[firefox 4]]></category> <category><![CDATA[firefox design]]></category> <category><![CDATA[firefox design mockups]]></category> <category><![CDATA[mozilla]]></category> <category><![CDATA[mozilla-firefox]]></category> <guid
isPermaLink="false">http://www.ghacks.net/?p=14871</guid> <description><![CDATA[How could version 3.7 and version 4.0 of the Firefox web browser look like? That&#8217;s something that the Mozilla development team tried to answer by posting design mockups of Firefox 4 and Firefox 3.7 at the Mozilla Wiki website. Firefox 3.7 is obviously the next major release in the Firefox 3 branch while Firefox 4 [...]]]></description> <content:encoded><![CDATA[<p><img
src="http://www.ghacks.net/wp-content/uploads/2009/06/firefox.png" alt="firefox" title="firefox" width="128" height="128" class="alignleft size-full wp-image-13848" />How could version 3.7 and version 4.0 of the Firefox web browser look like? That&#8217;s something that the Mozilla development team tried to answer by posting design mockups of Firefox 4 and Firefox 3.7 at the Mozilla Wiki website. Firefox 3.7 is obviously the next major release in the Firefox 3 branch while Firefox 4 will be the next big release at the end of the lifecycle of version 3. A new design can be source of all sorts of problems including usability issues which is probably one of the biggest concerns of Firefox users at this point in time.</p><p><span
id="more-14871"></span><strong>Firefox 3.7 Design Mockups:</strong></p><p><a
href="http://www.ghacks.net/wp-content/uploads/2009/07/firefox_37_1.png"><img
src="http://www.ghacks.net/wp-content/uploads/2009/07/firefox_37_1-300x300.png" alt="firefox 3.7" title="firefox 3.7" width="300" height="300" class="alignnone size-thumbnail wp-image-14872" /></a></p><p>The design mockups of Firefox 3.7 look like they are making use of Aero Glass in Windows Vista and Windows 7. The RSS and bookmark icons have been moved out of the Firefox address bar and the two new entries Page and Tools have been added to the header. Page apparently contains functions and options that are directly related to the active page while Tools will be used for changing the UI of the web browser. Tabs are now rounded as well.</p><p><a
href="http://www.ghacks.net/wp-content/uploads/2009/07/firefox_37_2.png"><img
src="http://www.ghacks.net/wp-content/uploads/2009/07/firefox_37_2-300x300.png" alt="firefox 3.7" title="firefox 3.7" width="300" height="300" class="alignnone size-thumbnail wp-image-14873" /></a></p><p>The design for Windows XP is basically the same as for Windows Vista sans the Aero Glass effects.</p><p><a
href="http://www.ghacks.net/wp-content/uploads/2009/07/firefox_37_3.png"><br
/> <img
src="http://www.ghacks.net/wp-content/uploads/2009/07/firefox_37_3-300x300.png" alt="firefox 3.7" title="firefox 3.7" width="300" height="300" class="alignnone size-thumbnail wp-image-14874" /></a></p><p><strong>Firefox 4.0 Design Mockups:</strong></p><p>Two different design mockups have been posted for Firefox 4. The main difference lies in the location of the tabbar. Firefox 4 version a comes with the tabbar in the usual place while version b moves the tabs to the top of the web browser similar to the tabs in Google Chrome.</p><p><a
href="http://www.ghacks.net/wp-content/uploads/2009/07/firefox_4_1.png"><img
src="http://www.ghacks.net/wp-content/uploads/2009/07/firefox_4_1-300x300.png" alt="firefox 4" title="firefox 4" width="300" height="300" class="alignnone size-thumbnail wp-image-14875" /></a></p><p><a
href="http://www.ghacks.net/wp-content/uploads/2009/07/firefox_4_2.png"><img
src="http://www.ghacks.net/wp-content/uploads/2009/07/firefox_4_2-300x300.png" alt="firefox 4" title="firefox 4" width="300" height="300" class="alignnone size-thumbnail wp-image-14876" /></a></p><p>Some of the most obvious changes include the absence of the status bar, the unifcation of the address bar with the search bar and a big new bookmarks button. Version b seems to have drawn several design inspirations from the Google browser. It does not come with a title bar anymore which could be a problem for long page titles. The bookmarks button is gone in this release and the page and tools buttons are placed in the tabbar next to each other.</p><p>The Mozilla team added a pro and con list to the second design mockup which is addressing all these concerns.</p><p>Verdict: Many of the changes proposed can already be done with add-ons which is probably a better way of handling changes. Add-ons allow users to remove the status or title bar, move the tabs on top or combine the address field with the search field. The biggest risk will be design changes that most Firefox users do not like or do not want to cope with. It is possible that the Firefox community will create add-ons that address these problems. It could also be that Firefox users decided to look at alternative browsers instead.</p> ]]></content:encoded> <wfw:commentRss>http://www.ghacks.net/2009/07/29/firefox-3-7-and-4-0-design-mockups/feed/</wfw:commentRss> <slash:comments>9</slash:comments> </item> </channel> </rss>
