Tag Archives | design

People’s Choice – Top 10 Home Tab Designs

Home Tab Design Challenge

The Mozilla Labs Design Challenge based around redesigning the home tab is just about over.  This contest was put together by the Mozilla Labs team to inspire some new discussion and creativity on how a new home tab might look and feel in future versions of Firefox, such as Firefox 4. 

Now that the contest is coming close to the conclusion, we can all check out the top 10 designs that were voted on the most by the Mozilla fan base.  Here are the top 10 voted on submissions in the first round of voting for this specific challenge.

Continue Reading →

Help Design Firefox 4 Home Tab

Home Tab Design Challenge!

I know I have a lot of creative and opinionated readers here, so I thought this challenge would be right up your alley.  Last week, Mozilla Labs announced the Winter ‘09 Design Challenge.  What is at stake?  You might get to help design how Firefox 4’s home tab looks.

Continue Reading →

Interface Tweaks for Firefox 4

A number of places are showing off some new design concepts for the Firefox 4 browser.  Now we have seen pitched some awesome Firefox 3.7 designs in the past, but it makes me wonder if the design phase for that is over, or if they are going to skip it to go directly to Firefox 4.

Not sure if I am digging the big orange button, but one would think it could be skinned over with a custom theme.  Are you excited about this new application button?

Bringing Purity Back to Firefox

Purity Theme for Firefox

This inspirational theme, created for the Firefox browser, is one of the most attractive themes I have seen in some time.  Designed with the idea in mind that simple/flat designs tend to be more appealing than overly decorated ones; Purity is ready to refresh your browsing experience.

The author of the theme notes that some of the theme is still a work in progress, as many of the dialog icons are from the stock Aero theme.  However I have high hopes for this unique browser skin.

You can download and install the Purity theme for Firefox (Windows only) at the Firefox Add-ons web site.

Best of the Web Development Add-ons

Most Popular Firefox Web Development Tools

One thing is for sure, with the correctly equipped Firefox browser, you too can become a better web designer or developer. How so? Well, Firefox has some really great tools for both of these jobs. Finding the one that doe the best job, is another job all on it’s own.

Firefox has a lot of web development add-ons you can use, however these are the best of the best at what they do.

  • Console² – Console² (pronounced Console Squared or Console Two) replaces the JavaScript Console with what could be the next generation Error Console. From v0.5 includes the Console Filter extension previously available separately from the Console² website.
  • User Agent Switcher – The User Agent Switcher extension adds a menu and a toolbar button to switch the user agent of the browser.
  • Firebug – Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.
  • MeasureIt – Draw out a ruler to get the pixel width and height of any elements on a webpage.
  • FoxyProxy – FoxyProxy is an advanced proxy management tool that completely replaces Firefox’s limited proxying capabilities. It offers more features than SwitchProxy, ProxyButton, QuickProxy, xyzproxy, ProxyTex, TorButton, etc.
  • FirePHP – FirePHP enables you to log to your Firebug Console using a simple PHP method call. You must have Firebug installed and the “Net” panel enabled to use this extension.
  • ColorZilla – Advanced Eyedropper, ColorPicker, Page Zoomer and other colorful goodies. Perfect color picker tool for Firefox.
  • Stylish – Perfect for testing those tiny CSS tweaks, you can also restyle the rest of the web too with this unique user styles manager.
  • View Source Chart – Graphically displays HTML tag boundaries, nesting tag orders, structure and hierarchy. In other words, it makes it all pretty looking.
  • Web Developer – The Web Developer extension adds a menu and a toolbar with various web developer tools.

Disagree or have your own suggestion for the perfect web designer or web development add-on that should be on this list? Drop in a comment and let us know. We’d love to hear your feedback!

Get More Geeky Tutorials, Help, Tips and More at Mitchelaneous!

New Mitchelaneous Layout!

Now I do not plug my other projects very often, however I think this is an important enough update to share with the rest of my fans (even my wonderful Firefox Facts subscribers)!  I just finished up with a brand new redesign of my layout over at Mitchelaneous.com – and I would love your feedback on it.

What is Mitchelaneous?  It is my personal blog, with tutorials helping with tech tips, web development and geeky entertainment.  Pretty much everything else I want to post about is posted here, that does not fit under the web hosting category of WebHostingShow.com and the Mozilla category or FirefoxFacts.com.  

Continue Reading →

New FirefoxFacts.com Layout and Design

In case you missed it, here is the new FirefoxFacts.com layout and design I have been working on for the past few weeks.  Let me know what you think!

new-layout-firefox-facts

It is live now, if you haven’t checked it out yet.  I have added a lot of nice features, fixed a lot of design flaws and hopefully, all the big changes have been done.  Will probably be doing a few more small tweaks here and there – but overall I am pretty happy with it.

Grab Color Palettes in Firefox

icon_big Sitting in the left corner of your status bar, until you are ready for it to jump into action Palette Grabber for Firefox, will grab the color scheme for any site on the web you are viewing.

Here is a little more about the extension from the developer:

Palette Grabber is a Firefox extension for web designers. It adds an “Export color palette” command to your Tools menu; selecting this command will extract a color palette for the current page and export it to a Photoshop/Illustrator color palette file. It’s useful for creating mockups of new designs which share a color palette with an existing design.

The Palette Grabber extension supports Photoshop, Flash, PaintShop Pro, GIMP, Adobe Fireworks, and Mac OS X Color Picker palette formats.  You can pick it up from the official web site at http://www.gusprevas.info/palettegrabber/.