Browsers

The Browsers category has articles about the various programs used to access the World Wide Web and extensions for those programs.

Other Browsers and Testing Pages

Last Updated on Friday, April 23 2010 08:52 Written by Pierce Presley Tuesday, February 09 2010 10:07

Do not let my endorsement of Firefox and Chrome keep you from trying out different alternatives. You should definitely try Opera and Safari, if only to see what they are like. (If you don't have a smartphone, and maybe even if you do, you should try Opera Mini or Opera Mobile. They do a really respectable job of rendering modern Web pages on cell phones.)

Whether you decide to use a lesser-known browser or not, when you start creating Web pages of your own you will want to check them in different browsers on different platforms. Nothing kills a site faster than being absolutely broken in one of the major browsers. But who can afford to have two dozen computers lying around with different operating systems and different browsers on each, much less has time to load a website into all of them, check for differences and tinker with the code until it works? Well, you don't have to (except for that last one).

Browsershots will take a screenshot of your page rendered on as many as 75 different browser, version and operating system combinations. (You really only need to check out the latest Chrome, the latest Firefox, the latest Opera, the latest Safari and Intenet Explorers 6, 7 and 8. Why? Because most people who have the first four keep them up to date; the latter won't or can't.)

For a more comparative at page rendering, try Adobe BrowserLab, which can load your page in two browsers (actually, it loads your page in several; it just displays two at a time) and display them either one at a time, two side-by side, or two on top of one another with a transparency slider to change which one is more visible. (You will need an Adobe ID, but you can sign up for one at the BrowserLab site.)

If you want to avoid adding extensions to your site that break it, use a development server. If you want to ensure everybody can see your hard work, test your site.

 

Stop Using IE 6

Written by Pierce Presley Tuesday, February 09 2010 14:35

Browsers have come a long way since NCSA first offered Mosaic as a way to traverse this new World Wide Web thingy. From only being able to show text, links and images to Flash animations, video files everywhere, charts that update when you change parameters and entire movies and television shows right on your monitor, things have changed.

Modern browsers almost always have tabbed interfaces that let you open more than one website per window, extensions that add functionality not included in the core product and standards-compliant rendering that greatly lessens the differences in how the browsers compose a web page. Combined with the continually evolving security features, and it behooves you greatly to have a modern browser.

What spurred much of the growing number of browsers and the emphasis on adhering to standards was one really bad one that almost everybody had: Internet Explorer 6. Bundled with Windows, the quirks and oddities of its rendering combined with terrible security flaws that seemed to take forever to fix, it was a nightmare to make Web pages for. (And this was in the dark ages when Web development programs were far too weak to help much or actively made code worse, forcing developers to hand-code almost everything.)

Sad to say, even after two much improved versions of IE have shipped, far too many people still use IE 6. Web developers, content management systems and whole companies are abandoning IE 6 and refusing to tweak their code so this old monster won't mangle their pages. If you're still using it, and it's not because your corporate masters have decreed its use, download Firefox, Chrome, Safari or Opera—or even IE 8—right now, but get rid of IE 6. You will see an improvement.

— Pierce

 

Firefox

Last Updated on Tuesday, April 20 2010 11:25 Written by Pierce Presley Thursday, February 11 2010 07:09

Since it first came out of beta in 2004, Mozilla Corporation's Firefox has gained in popularity and today accounts for almost one in four browsers surfing the web. That this is due in part to Internet Explorer's stagnation and standards-flaunting ways is not debatable, but there's far more to Firefox than just not being Internet Explorer.

Out of the box, so to speak, Firefox is a robust, standards-compliant and well secured browser. But what really makes it great is its extensions (and other add-ons, Mozilla's term for extensions, themes and plugins). They allow you to customize and extend the browser so that it does what you want it to do how you want it done. Think of a sedan that you could turn into either a family wagon or a screaming race car by bolting on accessories that had a common interface.

Extensions range from the sublime to the ridiculous, from the raw to the polished. Most of them are available through Mozilla's Add-Ons page, though some only reside on their developer's page. I recommend everybody get Adblock, Better GCal, Better Gmail 2, Better GReader, Coral IE Tab,  Forecastfox, Google Gears, Linky, PDF Download, Update Scanner and Xmarks. Writers should add After the Deadline, ScribeFire and Word Count Plus. Web Developers should add ColorZilla, Firebug, FireShot, Greasemonkey, MeasureIt, Stylish and Web Developer. All are explained below.

My installation of Firefox includes these extensions:

  • Adblock Plus 1.1.3
  • Blocks annoying ads. But put your sites on the whitelist (sites where ads are passed through) if you're adding ads, or you won't see them.
  • After the Deadline 1.20
  • This labor of love is a pretty darned good spelling and grammar checker that uses context to find errors others miss (and ignore false positives).
  • Better GCal 0.3
  • Adds options to let you style Google Calendar to suit you.
  • Better Gmail 2 1.1.1
  • Adds options to let you style Google Mail to suit you.
  • Better GReader 0.8.3
  • You know the drill by now. 
  • ColorZilla 2.0.2
  • Not only does the eyedropper let you determine what color is on a Web page, but the Analyzer collects all the colors on the page and shows you where they are used.
  • Coral IE Tab 1.85.20100407
  • Allows you to display pages using the Internet Explorer engine without switching browsers. For those pesky IE-only sites.
  • Download Statusbar 0.9.6.8
  • Displays current and past downloads in a bar at the bottom of the page. Prevents downloads window from popping up.
  • DownloadHelper 4.7.3
  • Downloads video from Flash widgets.
  • Evernote Web Clipper 3.0.0.71760
  • Clips part of all of Web page and sends it to Evernote.
  • FEBE 6.3.2
  • Backs up installed extensions.
  • Firebug 1.5.3
  • This is critical for Web developers. Allows you to inspect HTML, CSS, JavaScript, the Document Object Model, everything, and change settings to see what the effect will be.
  • FireShot 0.80
  • Takes screenshots, even of the part of the page below the bottom of the window.
  • Forecastfox 0.9.10.2
  • Displays current conditions, forecast and other weather information.
  • Google Gears 0.5.36.0
  • Allows certain Web apps to work without an Internet connection.
  • Google Toolbar for Firefox 6.1.20091119W
  • Adds search and other Google-specific functions.
  • Greasemonkey 0.8.20100408.6
  • Allows you to write a script (or install others' scripts) that processes the page while it loads.
  • HootSuite 0.6.1
  • Absolutely outstanding social media dashboard that allows you and your team to post messages to Twitter, Facebook (Pages, too), LinkedIn, Wordpress.com blogs and Foursquare.
  • Incredible Bookmarks 0.7.2
  • Extends the built-in bookmark manager.
  • Java Console 6.0.18
  • Allows you to check on Java environment.
  • Launchy 4.4.0
  • Launches applications from within the browser.
  • Linky 3.0.0
  • Open several links at once, including non-anchored links (that is, Web addresses that aren't linked).
  • MeasureIt 0.3.92
  • Measures items in the browser window.
  • MR Tech Toolkit 6.0.4
  • Extends the functionality of the add-on installer and collects all add-on options in one place.
  • Nightly Tester Tools 2.0.3
  • For people who test the latest (and possibly buggy) versions. Useful for regular people because it can recover tabs if Firefox crashes.
  • PDF Download 3.0.0.1
  • Intercepts PDFs and gives you the option to display in a browser window (often crashes), download or send to Adobe Reader or Acrobat.
  • RECAP 0.6
  • Gives access to public repository of downloaded PACER (electronic federal court file system) files and uploads files you download. At $0.08 per page, can save you serious cash if you cover lawsuits.
  • RSS Ticker 3.0.4
  • Scrolls your news feeds across the bottom of your screen (like stock prices).
  • ScribeFire 3.5.2
  • A blog post composing tool that opens in a split screen, allowing you to link and refer to Web pages as you blog.
  • Shorten URL 0.3.6
  • Sends page URL to shortening services (makes http://www.journalismfastforward.com/index.php?option=com_content&sectionid=8 into http://bit.ly/9shnsd9—neither link works, for demonstration purposes only).
  • Skype extension for Firefox 4.2.0.5198
  • Allows you to dial phone numbers on Web pages using Skype peer-to-peer Internet telephony.
  • Stylish 1.0.8
  • Allows you to add styles to pages, changing the way they look, automatically.
  • Tab Mix Plus 0.3.8.2
  • Give you more tab control options.
  • Test Pilot 1.0a2
  • Records information about your browsing experience and sends it to Mozilla.
  • TinEye Reverse Image Search 0.7.1
  • Adds option in context menu to search for an image in TinEye.
  • Update Scanner 3.1.2
  • Scans for extension updates.
  • Weave Sync 1.2.1
  • Syncs Firefox on different computers.
  • Web Developer 1.1.8
  • Lets you control, validate and disable CSS, JavaScript and other Web page technologies.
  • Word Count Plus 1.2.3
  • Counts words in text areas or selections.
  • Xmarks 3.6.7
  • Syncs passwords, bookmarks and tabs (Firefox only ) between computers on different machines. Works on multiple browsers and operating systems.
     

    Chrome

    Last Updated on Tuesday, April 20 2010 12:27 Written by Pierce Presley Friday, February 12 2010 06:15

    Google Chrome is the new kid on the browser scene, but it already has more than 7 percent market share after being available for only two years. The Google name certainly didn't hurt it initially, but what keeps users coming back is simplicity and speed.

    Chrome is simple nearly to the point of absurdity. There are only two menus (which open from a page and a wrench icon at the upper right) with 11 and 14 options. The rest of the interface is just back and forward, reload and home buttons, an address entry text box with a star for bookmarking on the left and a triangle for going to the URL on the right. If you have extensions installed, they are icon-only buttons between the address box and the page menu icon, and you are limited in how many you can display (though not all extension require an icon). The full page mode (F11) simply does away with those and your windows task bar, filling the screen from edge to shining edge. Extensions are new to Chrome, having become available earlier this year, but many of the offerings are top notch. 

    I have the following extensions installed in Chrome:

  • AdBlock
  • Blocks advertisements. Again, if you're putting ads on a Web page you're creating, put that URL on the whitelist or they won't display.
  • Aviary
  • One of my absolute favorite suites of Web apps, Aviary has a raster image editor (like Photoshop), a vector image editor (like Illustrator), an audio editor (like Audacity) and several others that mainly edit image properties. This extension will let you take a screenshot of the visible area of the page and send it straight to Aviary for editing. More on these later.
  • Better Gmail
  • Styles GMail to your preferences.
  • Docs PDF/PowerPoint Viewer
  • Opens PDFs and PPTs in Google Docs viewer, rather than the Adobe Reader plugin or Microsoft PowerPoint.
  • Facebook Ad Killer
  • Kills Facebook ads.
  • FlashBlock
  • Prevents Flash from automatically loading on a page. Can speed up load times tremendously.
  • Google Voice
  • Allows you to call numbers on Web pages using Google Voice Internet telephony service.
  • HootSuite
  • Wonderful social media dashboard with team support.
  • Linky
  • Opens multiple links at once, even if they are just text.
  • RSS Subscription Extension
  • Allows one-click subscription to RSS feeds if present on page.
  • StayFocused
  • Limits time spent on certain websites.
  • Stop Autoplay for YouTube
  • Prevents videos on YouTube from starting automatically, but allows player to buffer video.
  • Weather Underground
  • Current conditions, forecasts and other weather information.
  • WiseStamp
  • Customize your e-mail signature and use different signatures for different situations.
  • Xmarks
  • Syncs passwords and bookmarks across different computers.
  • Zemanta
  • Suggests related blog posts, news items and photos for blog posts you are writing.
     

    Search JFF

    Login

    JFF Calendar

    August 2010
    M T W T F S S
    26 27 28 29 30 31 1
    2 3 4 5 6 7 8
    9 10 11 12 13 14 15
    16 17 18 19 20 21 22
    23 24 25 26 27 28 29
    30 31 1 2 3 4 5
    September 2010
    M T W T F S S
    30 31 1 2 3 4 5
    6 7 8 9 10 11 12
    13 14 15 16 17 18 19
    20 21 22 23 24 25 26
    27 28 29 30 1 2 3

    CB Online

    None

    JFF Twitter lists

    Copyright © 2010 Journalism Fast Forward. All Rights Reserved.
    Joomla! is Free Software released under the GNU/GPL License.