Showing posts with label javascript. Show all posts
Showing posts with label javascript. Show all posts

Tuesday, November 9, 2010

Firefox 3.5 Web Browser Review

Mozilla Firefox IconImage via Wikipedia

Firefox 3.5 Web Browser Review


Source: macworld.com



Pros

  • Easy to use
  • Impressively extensible
  • Superb, thoughtful privacy features

Cons

  • Not a huge improvement on its predecessor
  • Speed boost claims don’t tell the whole story


After the great leap forward in speed, design, and overall polish that Mozilla's open source Firefox Web browser enjoyed in version 3.0 (), it's probably understandable that version 3.5 represents a more modest advancement.

While it doesn't stand out dramatically from its predecessor, the new version does bring Firefox closer to the cutting edge of Web standards, and offers a handful of clever innovations in privacy that its rivals would do well to steal for themselves.
But the browser's much-ballyhooed claims of a big speed boost aren't all they're cracked up to be.

Benchmarking the beast

On its Web site, Mozilla touts version 3.5 as "the fastest Firefox ever." But that claim refers solely to its new TraceMonkey JavaScript engine, which handles many of the Web's interactive elements, but not the fundamental rendering of HTML code.


Its assertion that Firefox 3.5 is more than twice as fast as its predecessor here is true - but Mozilla doesn't elaborate on how the new version compares to rivals.
And while its JavaScript performance has definitely improved from 3.0, Firefox 3.5's speed in other areas actually seems to have decreased.
Mozilla bases its speed-boost claims on results from the SunSpider JavaScript Benchmark.
My own SunSpider tests, on a 2GHZ aluminum MacBook with 2GB of RAM, roughly matched Mozilla's results.
Firefox 3.0.10 completed the test in 3,645.8 milliseconds, while Firefox 3.5 roared past it in 1,464.4 milliseconds.
But Mozilla understandably does not mention that Apple's rival Safari 4 () browser could soundly thump both of them in the same test, clocking in at 756.4 milliseconds - nearly twice as fast as Firefox 3.5.
Safari 4 also bested Firefox 3.5 in the XHTML and CSS rendering tests I ran - but surprisingly, so did Firefox 3.0.
Firefox 3.5 displayed a local copy of the XHTML test file in 2.66 seconds, compared to 2.55 seconds for Firefox 3.0 and 0.49 seconds for Safari 4.


In CSS rendering, Firefox 3.5 took 361 milliseconds to complete the same locally hosted test that took Firefox 3.0 355 milliseconds, and Safari 4 just 35 milliseconds.
However, Firefox 3.5 fared much better than its predecessor in Web standards compliance. (Safari 4 got perfect scores on both tests.)
Despite these test results, it's important to note that Firefox 3.5 never felt sluggish in normal use. In my tests, it rendered Web pages quickly, displayed code that thwarted earlier browsers without a hiccup, and seemed just as nimble and responsive as Safari 4.



The Forget About This Site feature lets you trim entire sites from your browser's history - although the version we tested sometimes wasn't forgetful enough.

The latest tech

Firefox 3.5, like Safari 4, includes support for the latest additions to the still-developing HTML 5 markup language, including the ability to play video and audio files without any special plug-ins.

Unfortunately, Apple and Mozilla each support only one of the two video formats HTML 5 embraces.

Apple prefers its homegrown H.264 codec, while Mozilla advocates the open-source Ogg Theora standard.

Mozilla 3.5 does a great job playing Ogg Theora files, but chokes on YouTube's HTML 5 test page and its H.264-based clip.

Other HTML 5 features, including support for the canvas element (used to draw graphics using scripting), worked perfectly in Firefox 3.5, and it handled example pages of the emerging JSON (JavaScript Object Notation) data format just fine.

Firefox 3.5, like Safari 4, also supports the ability to display downloadable fonts, but this feature's not yet in common use on the Web.  In addition, Firefox 3.5 boasts support for location-aware browsing, a new feature that may strike some users as incredibly cool, and others as creepily Orwellian.

Sites that employ location-aware browsing can use data about the network to which you're connected to plot your geographic position - for example, to automatically bring up a list of all the restaurants within three blocks of your computer.  Privacy buffs will be glad to know that this feature's strictly opt-in.


Firefox 3.5 clearly warns you when a site wants to learn your location, and it lets you grant sites access on a case-by-case basis.


Besides, for now the feature seems to exist only on a handful of test pages, in which it's used only to display your current location on a map.

Protecting privacy

Firefox 3.5 does more than any previous version of the browser to keep your surfing safe from prying eyes.

Mozilla has finally implemented its own version of Safari's "Private Browsing" feature, which works as advertised; once in private mode, you can surf to all the sites you like, and leave no trace behind in your history.

I also noticed one particularly big improvement in Firefox's ability to automatically erase your private data when you quit the program: It no longer pops up an aggravating dialogue box to get your permission every time.

Instead, you can set which parts of the browser you want wiped within the Preferences menu, and never worry about it again.


Another savvy addition proves better in theory than in practice.

While browsing your history, you can right-click any site and select "Forget This Site," to remove all traces of it from your browser - with one catch. Firefox deletes pages from a site based on the exact domain name.

So if you initially surf to "google.com," and subsequent links from that page take you to "www.google.com," selecting "Forget About This Site" on one of the "www.google.com" pages won't remove the "google.com" one.

Mike Beltzner, director of Firefox development, said the programmers were "erring on the side of caution," since different subdomains could represent entirely different sites. However, he said refinements to this feature are under consideration for future releases.

All the old favorites

Look, Ma, no plug-ins! Firefox 3.5 supports HTML 5’s ability to play videos in the open-source Ogg Theora format without a plug-in.

Firefox 3.5 supports HTML 5's ability to play videos in the open-source Ogg Theora format without a plug-in. The numerous features that set Firefox apart from its peers haven't gone anywhere in version 3.5.

The browser still works with an army's worth of user-created add-ons, which handily do everything from debugging JavaScript to blocking suspicious scripts to letting you update your blogs or listen to Web radio while you surf.

Tabbed browsing gets an extra layer of polish in Firefox 3.5. You can not only drag and drop tabs to reorganize them within a given window, but also drag a tab out of an existing window to automatically create a new window of its own.

Firefox's ability to remember your tabs even after you've quit the browser hasn't gotten any less handy, and its Recently Closed Tabs option in the History menu remains ideal for those moments when you accidentally hit the wrong button or keystroke.

What Mozilla dubs the "Awesome Bar" continues to live up to its name, pulling useful suggestions from your history, user-created tags, and bookmarks as you type a URL.

Users of Apple's newer laptops will also enjoy Firefox 3.5's full support for gestural controls, including swiping to move back and forward and pinching to zoom in and out.

And if you've got a burning need to surf the Web in any language from Amharic to Zulu, Firefox 3.5 and its 70-plus native language options now have you covered.
(Unlike Safari, whose multilingual support bloats the application's size to 80MB, Firefox 3.5 crams all this fluency, and all its other features, into a relatively svelte 50MB.)


If you have the need for speed above all else, Firefox 3.5 can't hold a candle to Safari's raw power. But for most users, the difference will be negligible.

Firefox has evolved into a beautiful, polished program that's a pleasure to use. When it comes to customization and flexibility, it's light-years beyond any other browser on the market.


Nathan Alderman is a location-aware writer and copy editor in Alexandria, Va.

Google's Chrome passes Safari in U.S. browser share


Google WebM video format: Future of HTML5 video?

Concepts:

Firefox, browser, Mozilla, Mac, reviews, Safari, features, privacy, video, Macworld, HDTV, Compare, plug-ins, support, HTML.






Enhanced by Zemanta

Friday, December 18, 2009

Enable visual tab switcher in Firefox 3.6 beta

Image representing Personas as depicted in Cru...Image via CrunchBase


Enable visual tab switcher in Firefox 3.6 beta


Source: macworld.com

While Firefox 3.5.5 is the current official release of Mozilla’s browser, the developer is already hard at work on its successor, Firefox 3.6. As of today, you can download and install Firefox 3.6b4, which contains a number of new features and bug fixes from the 3.5 series. As but a sampling, Firefox 3.6 will include a new version of the Gecko web rendering platform, integration of the Personas plug-in for simple appearance changes, much faster JavaScript performance, and improved application loading time.


Now, I’m not one to recommend running a beta browser as your primary browser, but if you like living on the edge and peering into the future, the Firefox 3.6 beta isn’t a bad way to do so—most everything seems to work reasonably well, and I’ve not had any crashes in my time with it.


One other interesting feature in Firefox 3.6 is support for a visual tab switcher, much like the Command-Tab application switcher in OS X. By default, if you press Control-Tab, Firefox 3.6 will cycle through your open tabs (and Shift-Control-Tab will cycle backwards). With a simple configuration switch, though, Control-Tab will instead display a visual tab switcher, like this (click for a larger version):



Firefox 3.6's visual tab switcher


The switcher will only show the six most-recently-used tabs, but a button at the bottom of the switcher lets you see all open tabs in a multi-row display. In this mode, there’s even a search box that lets you find open tabs based on words in the URL or page title.


So how do you activate the visual tab switcher? In an empty Firefox 3.6 tab, type about:config in the URL entry area, then press Return. You’ll see a warning about voiding your warranty; click the “I’ll be careful, I promise!” button to continue.


Once you’ve accepted the warning, the screen will fill with a long list of Firefox’s preferences. To enable tab previews, type ctrltab.prev; this should be enough typing such that the list of matches contains only one preference: browser.ctrlTab.previews. Double-click anywhere on the browser.ctrlTab.previews row to enable this feature—the Status column will change to User Set, and the Value column will change to True.


Once enabled, the visual tab switcher is immediately available; press Control-Tab to try it out. If you later decide you don’t like it, go back into the configuration screen, find the browser.ctrlTab.previews entry, and double-click it again. I’m not sure if this feature will ship enabled or disabled, but you can try it out now for yourself, if you like.


Personally, I’m undecided about its functionality—I like it, but I wish there were some way to force it to always show all tabs, as it’s usually an older tab I’m trying to switch to. (There’s a preference named browser.allTabs.previews, and I tried setting that to true, but it didn’t change the number of displayed previews in the Control-Tab switcher.)







Reblog this post [with Zemanta]

Wednesday, November 11, 2009

Must Have Resources for the Web Developer's Toolbox

Fuel Your Creativity - Must Have Resources for the Web Developer's Toolbox
Must Have Resources for the Web Developer's Toolbox

If you are a web designer, especially if you are fairly new, you search around for the best and easiest tools to do the tasks you want to do. Here is a summary of this really helpful article.

Summary:

In every creative field, there are certain tools that one always keeps handy in order to get the job done.

As developers (who also design) the toolbox inventory needs to be broad to encompass all the necessary areas to keep you moving and productive.

Below is a list of the resources that we felt should be included in any developer's toolbox.

We have broken it down into different categories to help you keep your tools organized a little bit better.

We hope that the list proves useful.

GIMP is a close second whose price you can't beat (free), especially for web designers who don't need all of the features of Photoshop.

Graybit is an online accessibility testing tool designed to visually convert a full-color web page into a grayscale rendition for the purpose of visually testing the pageĆ¢¬(TM)s perceived contrast.

It returns a set of hue, saturation and tint/shade variations of your color, and suggests color schemets based on your color's complementary color, split complementary colors, and other variations.

FavIcon Generator allows you to easily create a favicon from an image.

The Grid System is an ever-growing resource where graphic designers can learn about grid systems, the golden ratio and baseline grids.

The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels.

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development.

The jQuery Visual Cheat Sheet is an useful and practical 6 page reference to jQuery 1.3 for web designers and developers containing the full jQuery API reference with detailed descriptions and some sample code.

jQuery Plugins contains plugins, extensions and tutorials developed by jQuery contributors for the jQuery JavaScript Library.

Code Beautifier is a free online CSS formatter, optimiser, and parser.

Notepad++ is an open source code editor and Notepad replacement that supports several languages.

TextWrangler is a powerful and richly featured tool for composing, modifying, and transforming text stored in plain-text files for Mac.

The WordPress Codex is the place to go if you have any WordPress related questions.

The Spoon Browser Sandbox allows you to run any browser directly from the web.

IETester is a free WebBrowser that allows you to have the rendering and javascript engines of IE8, IE7 IE 6 and IE5.5 on Windows 7, Vista and XP, as well as the installed IE in the same process.

Web Developer's Tools for Firefox is a collection of firefox plugins to speed up the development process.

WampServer is a Windows web development environment which allows you to create web applications with Apache, PHP and the MySQL database.

CSS Tricks Code Snippets is a large repository of useful code snippets in the areas of HTML, CSS, JavaScript (raw), JavaScript (jQuery), PHP, and WordPress.

Angies list includes 26 items in all make sure you check it out at: Must Have Resources for the Web Developer's Toolbox


Angie is a freelance web and graphic designer who brings her love of community to the online design collective as co-editor of Fuel Your Creativity.