Wednesday, October 9, 2013

New Features in Firefox 4 Persona

 

Firefox Logo
After advice of my very close friend Rudra I started to use Firefox. Before it; I was using chrome. When I had first time installed Firefox 3.6 on my windows xp os I did not feel any speed browsing. Again I swap to chrome. Last year once I had gone to my sister’s house. I was browsing which is top browser in the world. Everywhere I found Firefox is ever green. Then I decided to use Firefox. I went to Firefox homepage. Suddenly on right hand side ofFirefox homepage I saw Firefox 4. X beta is available to download.   I prefer to downloadFirefox 4 beta. Within these periods I had installed windows 7 os on my computer. After installation of Firefox I amazed of its killer look. I setup my home page tohttp://www.google.com/webhp?hl=en and start browsing. Yesterday when I was on Firefox homepage; I saw Firefox 4 is now delta. May be you are confusing what is alpha, beta, gamma, and delta. It is very frequent in software industry. Read this article for full clarification. That means now Firefox 3 era gone and era of Firefox 4 began. I saw in homepage Personas. I got little interest what is actually this thing. It is a new feature in Firefox 4. It is a different kind of theme in compare to traditional theme.

According to Firefox

“Themes change the appearance of Firefox. A Persona is a special type of theme that changes the look of your browser without changing the navigation buttons, toolbars, and menus. Until now, to apply a theme you needed to install it and restart your browser, like with extensions and other add-ons. Now, with Personas you can instantly preview a design and install it in one click without needing to restart. All original themes are still available through addons.mozilla.org.”

You might be using Google chrome theme. If yes then you are right it is the same thing. It is direct completion between Firefox and chrome.


Some of greatest reviews for chrome you can read here:

“In 2008, The Daily Telegraph's Matthew Moore summarizes the verdict of early reviewers: "Google Chrome is attractive, fast and has some impressive new features, but may not—yet—be a threat to its Microsoft rival."

Initially, Microsoft reportedly "played down the threat from Chrome" and "predicted that most people will embrace Internet Explorer 8." 

Opera Software said that "Chrome will strengthen the Web as the biggest application platform in the world." 

But by February 25, 2010, BusinessWeek had reported that "For the first time in years, energy and resources are being poured into browsers, the ubiquitous programs for accessing content on the Web. Credit for this trend—a boon to consumers—goes to two parties. The first is Google, whose big plans for the Chrome browser have shaken Microsoft out of its competitive torpor and forced the software giant to pay fresh attention to its own browser, Internet Explorer. Microsoft all but ceased efforts to enhance IE after it triumphed in the last browser war, sending Netscape to its doom. Now it's back in gear." 

Mozilla said that Chrome's introduction into the web browser market comes as "no real surprise", that "Chrome is not aimed at competing with Firefox", and furthermore that it should not affect Google's revenue relationship with Mozilla.“

Personas are easy-to-install, easy-to-use themes that change the look of your Firefox web browser. There are thousands of Personas to choose from, with more added every day. Click here to visit the Personas gallery and start looking for designs that fit your style. In less than 60 seconds, you can install a Persona and transform the look of your Firefox web browser. Once Personas is installed, you'll be able to choose and change your selected Persona any time simply by clicking on the little fox mask in the lower left corner of yourbrowser window or by visiting the gallery and selecting a different design.

How to create your own Persona:
Personas are made up of two graphic image files - a "header" image and a "footer" image. For creation of a persona it consists of following steps:
Step 1: Creating a Persona Header Image

Step 2: Creating a Persona Footer Image

Step 3: Testing your Persona Images

Step 4: Submit your Persona

Step 1: Creating a Persona Header Image

The header image is displayed as the background of the top of the browser window, nestling in behind the toolbars, address bar, search bar and the tab strip. It will be anchored to the top-right corner of the browser window.
Firefox with persona header look

Dimensions should be 3000px wide x 200px high PNG or JPG file format subtle. Soft contrast images and gradients work best. Highly detailed images will compete with the browser UI. Firefox may reveal more of the lower portion of the image if it or an extension adds another toolbar or other UI element to the top of the window the right-hand side of the image should have the most important information - as a user increases the width of thebrowser window, the browser reveals more of the left-hand side of the image. Images must be no larger than 300kb in file size. Images over 3000px x 200px will not be approved. Never use artwork/logos/photography that you do not have the legal rights to use

Step 2: Creating a Persona Footer Image

The footer image is displayed as the background of the bottom of the browser window, behind the status and finds bars. It will be anchored to the bottom-left corner of the browser window.

Firefox with persona footer look
 
Dimensions should be 3000px wide x 100px high PNG or JPG file format subtle. Soft contrast images and gradients work best. Highly detailed images will compete with the browser UI. Firefox may reveal more of the lower portion of the image if it or an extension adds another toolbar or other UI element to the top of the window the right-hand side of the image should have the most important information - as a user increases the width of thebrowser window, the browser reveals more of the left-hand side of the image. Images must be no larger than 300kb in file size. Images over 3000px x 200px will not be approved. Never use artwork/logos/photography that you do not have the legal rights to use

Step 3: Testing your Persona Images 
In general, designs that feature rich content areas in the top-right corner of the browser work best. Though that may be true, you should always check to see where the UI elements sit on top of your designs within the different platform versions of Firefox.
This may be a critical step in finalizing your image, depending on the importance of the visual information you are including in your designs.

Option 1: Test on Your Own Computer

Within the Personas menu in the bottom left of the browser's status bar, you can enable an "offline" Persona on your own personal computer by enabling a setting within Preferences. In doing this, you can test your Personas before submitting them to the online catalogue.

Follow these four steps to get the Custom Personas option up and running in your browser:

1. If you have Personas installed, click on the little fox on the bottom left of your computer screen and click on "Preferences"
2. Ensure the box "Show Custom Persona in Menu" is checked and close the box.
3. Click on the little fox again. Mouse over "Custom" in the menu and to the right find and click "Edit"
4. Build your Persona using the upload fields and additional settings.
 Now you can edit persona through the help of its editor
Once your images are playing nice with the UI for all the OS flavours of Firefox, save final copies (PNG or JPG) - but be sure to check to ensure they don't exceed 300k in file size! (Note: This will only test your Persona on the platform you are currently using)

Browse your Header and Footer make some addjustment on text and accent color and press ok button
Option 2: Cross-Platform Photoshop PSD Header Template
Firefox members have been created a positioning template that can be used to help figure out placement of your artwork. The template is structured to allow testing of your Persona header within OSX, Windows XP and Windows Vista flavours of the browser.
 
The key to using this PSD template is to simply layer your Persona header image underneath one of the three OS layers. Be sure to turn off any of the OS layers you aren't using, as they will overlap each other due to their transparency.
 

Photoshop overlay layerset
Once you turn on an OS layer, you will be able to see where the UI elements will sit on top of your designs and you can flag any conflicts that may arise.

Once your images are playing nice with the UI for all the OS flavours of Firefox, save final copies (PNG or JPG) - but be sure to check to ensure they don't exceed 300k in file size!


Step 4: Submit your Persona!

Now that you have finalized the artwork, it is time to share! One thing to note, please do be sure that you have the rights to use whatever image or design you use in your Persona.
Follow the link below to start the process and add your creations to the constantly growing catalogue of Firefox Personas!

No comments:

Post a Comment