Lunascape 6 Orion: Tripple Engine BrowserLunascape 6 (Orion) is a brand new browser intended to make life much easier for web designers and developers alike.

Any decent web designer is aware of the pains one has to go through to achieve uniform cross-browser rendering of sites. And that involves a long and tedious cycle of writing appropriate CSS and  HTML while consistently testing the same on browsers used en masse namely, Internet Explorer, Firefox and Safari.

So far one had to rely on bits and pieces  software offering disjointed functionality – like MultipleIE (multiple versions on Internet Explorer running simultaneously on the same system), IE & Firefox add-ons like IETab (that toggled the rendering engine between Gecko and Trident) and Chrome Frame (Google Chrome inside IE) or on online services like Browsershots that generates snapshots of a site across a multitude of browsers. What really was missing was a tool that brought all of these under the same roof.

The newly introduced Lunascape version 6 has not only managed to do the same – but also offer side-by-side  (split-pane) view of the same page in all 3 engines – Trident (IE), Gecko (FF) and Webkit (Safari). Throw in it’s Tripple Add-On capability & support for 11 languages – and you’ve got one hell of a testing platform.

It’s only a 10 MB download and definitely worth a try.

Jan 04th by miCRoSCoPiC^eaRthLinG

Firefox 3For those who didn’t know, the guys at Mozilla are reaching out for a new Guinness World Record for the most downloaded software in a span of 24 hours – with the support of it’s million plus fan base.

The software which will strive for this record is the all new Firefox 3 (with more than 15,000 improvements), which is being launched on the 17th of June, 2008, i.e. tomorrow. This day has been named the Download Day and the guys at Mozilla want to see the download counter shooting through the roof, far surpassing the 2 million plus downloads of Firefox 2.

In the wake of this launch, quite a few authors have updated their extensions to work smoothly with this new release (for example, Google Toolbar). That’ll ensure that you aren’t left stranded with just the browser minus all the enhanced functionality.

If you’re a fanatical Firefox follower (like me), make sure you drop by the Firefox 3 Headquarters and pledge yourself for the download. They’ve got this cool interactive flash-based World Map there, displaying the number of pledges on a per country basis.

Jun 16th by miCRoSCoPiC^eaRthLinG

Cooliris LogoThere are plenty of preview tools sprawled around the vastness of web – Snap Shots, GooglePreview etc. to name a few. Each come with its own set of features and modus operandi. For example, Snap Shots provides small thumbnail previews of a site when you hover your mouse over the link on the site. GooglePreview, which is an extension for Firefox provides automated snap shots of each site listed in a Search Results Page. But such tools have a big limitation. The previews offered are really tiny and are meant to give you a glimpse of the overall look/layout of the site. They don’t provide any real “previews” as such.

You may tend to think that Cooliris is just another preview tool – but that’s where you’ll go wrong. Cooliris has been designed ground up to overcome the limitations found in all such preview tools. Installation is as easy as any other Firefox extension and operation is seamless. Whenever you encounter a link on a page, hover your mouse on it and a small preview icon appears beside the link. Pointing your mouse on the preview icon pops open a small embedded window in the same page with a full-sized preview of the site.

Cooliris Preview Window Screen-shot

Here are some of the noteworthy features:

  • Preview web links, images, and videos without even clicking.

  • The ability to “Stack” previewed items into temporary bookmarks to review.

    Now this is one cool feature. Supposing you’re searching for details on a vacation trip to Hawaii. A standard search result would return you 1000s of pages on this topic. You can easily preview the sites without ever leaving the Search Results page, weed out the seedy looking ones and bookmark all of those which looked good. You can always come back to the bookmarked pile later on and review them.

  • In case you like a site, you’ve the ability to instantly send the link to friends and family with just a single mouse-click.

  • Perform sub-searches in Google, Wikipedia etc. by right-clicking on any selected phrase.

Best of all is that apart from Firefox, Cooliris supports many of the common browsers, e.g. IE, Safari and Flock. This is one tool that really complements your search results and makes you a far more efficient web-surfer.

To sum it all, Cooliris “gives you the power to browse and share the web faster than ever.

Get Cooliris today…

Aug 27th by miCRoSCoPiC^eaRthLinG

OpenSearchFox LogoHere’s a short but sweet one. If you’re daunted by the task of creating OpenSearch plug-ins for your site or any of your favourite sites, fear no more. OpenSearchFox is a cool new Firefox extension that can create such plug-ins for you with a single click.

Is it really that simple?

Absolutely so. All you need to do is install the extension and then browse to the site you want to create the search plug-in for. Once you’re at the site, locate the Search Box and right-click on it. You’ll notice a new item named “Add OpenSearch plugin” in your menu. The item is accompanied by a blue magnifying glass icon to help you easily spot it. Just click on that and you’re done.

Only intermediary step involves a single dialog box which asks you to name the plugin whatever you feel like. The plug-in is created and added to your search engine list directly along with the fav-icon for the site. If the site lacks a fav-icon, you can always use one of your own through the same dialog box where you name the plugin.

Give it a try and see for yourself…

Those who still want to learn the inner workings of OpenSearch plug-ins and create one programmatically, here are a couple of resources for you:

Feb 11th by miCRoSCoPiC^eaRthLinG

OpenSearch LogoFollowing the tutorial(s) I posted on creating OpenSearch plug-ins for Firefox that can search Invision Power Board based forums & WordPress blogs, I received quite a few requests for help in creating such plug-ins for a wide variety of blogs/CMS/sites.

To make the job easier for all of you, I decided to create a couple of sample plug-ins, which I’ll list here as zip files. The zip will contain…

  • An XML file – which contains the actual plug-in code
  • A sample HTML file, which shows how to display a plug-in installation link on your site, as well as how to enable auto-discovery of the same by Firefox & IE7

Simply go through those files and replace the appropriate fields. In most cases, all you’ll need to modify is the actual URL to your site and the Author details. While setting up the plug-in at your site, feel free to put your name as the author’s name in it. No credits are required :)

I’ll try to cover as much ground as possible and update this list frequently. At the moment, the list isn’t so “wide” as I claimed in the title :D and if you don’t find a suitable plug-in here, check back at a later point of time, or just drop me a line at:

My email address

To start with, I’ll list the plug-ins I’ve received the maximum number of requests for…

Plug-ins List

Content Management Systems

  1. Mambo CMS based Sites
  2. Joomla CMS based Sites

Bulletin Board Systems

  1. Invision Power Board based Forums

Blog Softwares

  1. WordPress based Blogs

Miscellaneous Sites

  1. iPodNova Torrent Search
  2. BlogSpot based Blogs
  3. PsyDB – Psychedelic Trance Database

Jan 14th by miCRoSCoPiC^eaRthLinG

In my earlier tutorial titled Creating OpenSearch Plugins for Firefox (adds to the QuickSearch bar) I taught you how to write a basic OpenSearch XML format plug-in that can be used with both Firefox 2.x and IE7. The demonstrated example consisted of creating a plug-in that searches through Invision Power Boards.

As an afterthought, I felt like coming up with another quick tutorial on creating the same for WordPress. I won’t spend any time on explaining the components of the plug-in and hence you’re advised to go through the tutorial first before continuing with this. This post is merely an example of how-to modify the code shown earlier on to perform searches on WordPress.

If you ever notice the URL in the address bar when you perform searches using the internal search engine of WordPress, you’ll find the the index.php page is being called along with a variable called “s“, which contains the keywords. Say for instance, you are searching for the term “Firefox” .. the syntax will be …


http://www.domain.com/index.php?s=Firefox

If you refer to the tutorial you’ll see that we can pass on variable-value combinations to a URL using the Param tags. That’s the only parameter you need to pass for WordPress searches. I’ll cite the XML code of my site’s plug-in as an example. It should be self-explanatory.


	ChaosLab
	Chaos Laboratory: Blog Search
	miCRoSCoPiC^eaRthLinG
	microscopic.earthling@gmail.com
	open
	false
	en-us
	UTF-8
UTF-8
	
	http://www.chaos-laboratory.com/favicon.ico
	

	
	http://www.chaos-laboratory.com/index.php

Notice, how I’m passing the keywords in the form of the dynamic variable {searchTerms}.

Any questions ??

Jan 07th by miCRoSCoPiC^eaRthLinG

A brief introduction

This tutorial will attempt to explain in a simple manner how to create an OpenSearch plug-in for Firefox. These plug-ins appear in a drop-down menu in the Firefox Quick-Search bar (located right of the URL/Address bar) and help you perform quick searches across various search engines without having to visit the search page first. Pretty neat, eh?

These search plug-ins were in existence (for Firefox) for a long time. But only with the introduction of Firefox 2.0, the OpenSearch standards have been adopted.

OpenSearch is a collection of simple formats for the sharing of search results.

The OpenSearch description document format can be used to describe a search engine so that it can be used by search client applications.

The OpenSearch response elements can be used to extend existing syndication formats, such as RSS and Atom, with the extra metadata needed to return search results.

The example I’m going to demonstrate searches Invision Power Board (Bulletin Board System). You can make this plug-in perform searches on virtually any other Blogs / Bulletin Board / Content Management System / Search Engine with just some minor modifications in the way the search URL (along with keywords) is sent to the search engine. Here’s a screen-shot of two such plug-ins I’ve created for Astahost & Trap17 forums powered by IPB (Invision Power Board).

OpenSearch Plug-ins Dropdown List

Advantages

There are quite a few advantages of shifting to the new OpenSearch format for these plug-ins, namely …

  • OpenSearch plug-ins are universally supported across many browsers & search clients. Specially worth a mention here are Firefox and IE7 !!
  • OpenSearch supports Autodiscovery of the plug-in, which means you don’t really have to instruct the user to click on a link on your site to install the plug-in. The search client can auto-discover the plug-in script based on a link provided between the HEAD tags of the page.If you wish to, the old-school click & install method can still be implemented.
  • A lot of recent Blogs / CMS / BBS etc. softwares have started supporting the OpenSearch API, which provides a flexible common standard for XML based searches. A list of such software can be found here.

Without further ado, lets get down to business …

The actual plug-in

The OpenSearch plug-ins consist of a single XML file called the OpenSearch Description File. It follows a very simple syntax as shown below:


	engineName
	engineDescription
inputEncoding
	outputEncoding
	
	


	
	searchFormURL

Most of the tags here need to be customised according to the Search Engine you’re going to use with the plug-in. Here’s what you need to modify here.

engineName

engineName enclosed within the ShortName tags specifies the name of the Search Engine as it’ll show up in the dropdown list. Replace this with the name of your Search Engine.

engineDescription

engineDescription enclosed within the Description tags shows up as a brief description of the Search Engine. Replace this with a suitable description.

inputEncoding

inputEncoding enclosed within the InputEncoding tags declares the encoding to use for search string / keywords you provide for a search. The search string is encoded in this format prior to sending to the Search Engine. Your best best is to use UTF-8 here to declare it as Unicoded text that’ll cover the whole Unicode Character Set.

outputEncoding

outputEncoding, enclosed within the OutputEncoding tags acts similar to InputEncoding and declares the character set to be used for producing the search results output. Even here the best used option is UTF-8.

Image

Enclosed within the Image tags, this specifies the image / icon to be used for the Search Engine. This icon turns up next to the search engine name in the dropdown list and also shows up to the left of the quick-search bar. The image is usually in a 16 x 16 pixels format.

The image data can be provided in two formats:

  1. As a direct URL link to the location of the image file (gif/jpg/png etc.)
  2. As base64 encoded data which can be embedded in the plug-in directly. This I believe, is a more elegant way of doing it. However, I couldn’t make it work properly for me. The image simply refused to turn up and hence I’d to resort to method 1.There’s a very good tool at URI Kitchen that encodes any uploaded image in base64 format. The encoded data can then be directly embedded in the plug-in.

Url

Enclosed within the Url tags, this provides the actual location of the Search Engine page. The method attribute defines whether to use GET or POST for fetching the data, while the template attribute points to the location of the search query page. NOTE, that IE7 doesn’t support the POST method and hence to make your plug-in compatible with both IE7 and Firefox, you should ideally use GET here.

Param

Further nested within the Url tags lie a series of Param tags which have two attributes – a name and a value. These act as parameters which are passed to the search engine while performing a query. This too, isn’t supported in IE7. However, you can use a dynamic variable called {searchTerms} to pass on keywords.

Say for instance, I’m searching Invision Power Board based forums. The standard search string in IP takes the format,


http://www.domain.com/index.php?act=Search&CODE=show&searchid=xxx&search_in=posts&result_type=topics&highlite=keywords

If you study the URL carefully, you’ll notice that there are a couple of variables like act, CODE etc. which appear every time along with same values. You can use Param tags to define key-value pairs for these variables, which will then be passed onto the Search Engine during a query.

The actual search keywords (as mentioned before) are available through a variable called {searchTerms}. IPB supports a variable called keywords in the search string and hence you can define a key-value pair like…


… to pass the keywords. Here’s a full working example of the plug-in I created for Astahost forums…


	AstaHost
	AstaHost: Search the Forums
	miCRoSCoPiC^eaRthLinG
	microscopic.earthling@gmail.com
	open
	false
	en-us
	UTF-8

UTF-8

	http://plugins.astahost.com/splugins/astahost.gif
	






http://www.astahost.com/index.php

Here you’ll notice several other tags like Developer, Contact, SyndicationRight, AdultContent etc. which I haven’t discussed in this article. A detailed outline of all the OpenSearch tags can be found at: OpenSearch Description Elements.

Autodiscovery

If you recall I’d discussed a feature called Autodiscovery earlier on. This helps search clients automatically discover a plug-in embedded in your page. The process is quite simple. All you’ve to do is include a special LINK statement in the HEAD part of your page.

  

You simply need to modify the title and the href link to the actual plug-in file.When you visit a site with the plug-ins set to be auto-discovered, here’s how the drop-down menu in the quick-search box will look like…

OpenSearch Plug-in Autodiscovery Screenshot

Adding the plug-in Programmatically

You can also include the plug-in on your page in a click-and-install manner. The process has been simplified. All you need to do is provide a link to install the plug-in on your page and in the link, add the window.external.AddSearchProvider() JavaScript statement. Example is shown below.


	Link Text

Clicking on this link will cause Firefox to pop-up a dialog box asking the visitor for a confirmation of plug-in installation. Example of the dialog box …

OpenSearch Plug-in Click & Install Screenshot

Working examples can be found at the Astahost Plug-ins Page.

Any questions / confusions ?? Feel free to leave a comment and I’ll make sure to get back to you.

Jan 07th by miCRoSCoPiC^eaRthLinG

I’ve been a die-hard fan of Firefox since I stumbled upon the browser ages ago – when it hadn’t matured to version 1 yet. I probably started using it around version 0.4 or 0.5. Despite the initial bugs & teething problems, I somehow stuck to it very loyally all these years through – mainly because of the immensely extensible nature of the browser. The ease of installing add-ons/extensions combined with the millions of cool & useful extensions readily available out there make it a true behemoth to contend with.

Here’s a list of my most favourite extensions or Add-Ons (as they’re now known as), most of which I’ve been using since their inception. Most of these are general purpose oriented and hence should be useful to everyone. The order of listing doesn’t reflect my personal rating of their usefulness in any way.

01. Adblock Plus

By far one of the best Firefox extensions ever helping you to get rid of the scum of the internet – advertisements. Adblock Plus provides you several methods of getting rid of those annoying ads which take longer to load than the page itself.

Once installed, it shows up as a small icon beside the address bar with which you can set various options related to Ad blocking. Apart from that, the primary function of this button is to toggle off/on ALL ads on a particular domain that match your Ad Filters.

Ad Filters can be manually set by yourself or automatically imported/updated from certain sites like EasyList so you needn’t bother about adding the filters for all the major ad networks.

02. Bookmark Backup

Don’t get misled by the name of this extension – while it was primarily targeted for backing up your bookmarks automatically to a separate folder (every time you closed Firefox), this ultra-cool extension backs up almost every single Firefox settings that you ever wished to backup. That includes your browser History, Passwords, Personal Dictionary, Window Layouts, User Files, Forms History, Cookies, Permissions, Download History, Search Engines, Preferences, Security Databases etc.

The backup takes place automatically while shutting down Firefox and backups for each day are placed in a separate folder named after the day of the week. In future, if you need to reinstall everything on your system, you can revert back to the settings of any particular day you wish to.

This is a must have extension.

03. Performancing

This is a blogger’s extension and can be a great help in creating posts offline. This allows you to create/edit posts locally in a WYSIWYG blog editor and post to WordPress, MovableType or Blogger blogs directly.

Apart from that it displays blog Metrics tracked by Performancing itself as well as Technorati & Del.icio.us tagging & tracking tools.

04. Fasterfox

This extension allows you to tweak performance and network settings such as simultaneous connections, pipelining, cache, DNS cache, and initial paint delay.

There’s an enhanced Pre-fetching mechanism that greatly boosts page-load time, by silently loading and caching all of the links on the page you are browsing during idle phases.

05. FireFTP

If you carry out a bunch of downloads (through http as well as ftp) and have been bugged by switching between your browser and ftp client to check on the download status – this is the extension for you.

FireFTP acts as a full-fledged cross-platform FTP client that sits right inside a tab along with your pages. Also included are advanced features such as directory comparison, syncing directories while navigating, SSL encryption, file hashing etc.

06. FlashGot

Everyone uses a Download Manager these days to speed up downloads or resume broken ones. These really helpful utilities sometimes fail to capture the download link properly from certain websites. FlashGot acts as a download URL redirection service in such cases and helps the Download Managers to capture the URL successfully.

Apart from that, it helps you download multiple links or all the links in a certain page with a single click. This extension also offers a Build Gallery functionality which helps to collect in a single page serial movies and images scattered over several pages, somewhat like the picture downloaders.

FlashGot works in tandem with most of the popular download managers. If you’re searching for a reliable & free download manager, try FlashGet.

07. GMarks

If you use Google Bookmarks to keep a track of your favourite sites, look no further. This is the perfect extension for you, that’ll automatically add sites you bookmark through Firefox straight to your Google Bookmarks account. GMarks helps you synchronise & manage your bookmarks with Google Bookmarks.

GMarks appears in the form of a sidebar that helps your manage and access your bookmarks as well as the GMarks toolbar for fast access to important bookmarks. A cool feature is Quick Search (Home+Home) to find bookmarks like the Google Desktop Ctrl+Ctrl. It allows nested labels and includes a search box in the sidebar to search your bookmarks with Google. It searches not only the bookmarks’ details, but also the content on their pages.

GMarks allows easy migration to and from Google Bookmarks. Firefox bookmarks can be directly imported to Google and your Google Bookmarks can be exported to a bookmarks.htm file for use with Firefox. GMarks is completely separate from your Firefox bookmarks and does not remove or hide them. The bookmarks can be added either to Google or Firefox separately, or both together, using the standard Firefox Bookmark window.

08. Google Pagerank Status

This is a handy extension to display the current pagerank of any site you’re visiting in the status bar of Firefox. It appears as a small section in the status bar with a number indicating the pagerank as well as a green graphical bar indicating the rank. Right-clicking on it toggles the pagerank calculation.

The extension uses an algorithm that calculates a checksum and sends a query to Google, displaying the result as the pagerank (similar to GoogleBar).

09. Google Preview

This is another cool extension that inserts preview images (thumbnails) of web sites and Amazon products into the Google and Yahoo search results pages. You can specify the number of previews to be shown per page.

10. Google Notebook

This extension is available directly from Google Labs in conjunction with Google Notebook. Google Notebook is a great tool to collect and organise clips from various web-sites you visit. It is particularly helpful for amassing research material.

You can add clippings of text, images and links from web pages to your Google Notebook without ever leaving your browser window. Multiple notebooks can be created which can be further divided into sections. Notes can be dragged-and-dropped to stay organized. The best part is that the notebooks can be accessed from anywhere as long as you’ve an internet connection. They can even be shared with other users by declaring them public.

The Notebook extension sits in your status bar and allows you to add selected parts of web-sites to your notebook with a single click.

11. IE Tab

This is an extension primarily meant for Web-developers and allows you to render pages using the Internet Explorer engine inside Firefox tabs. You can easily see how your webpage is displayed in IE with just one click and then switch back to Firefox. There’s absolutely no need to fire up IE and viewing the page in it.

12. McAfee SiteAdvisor

For those who didn’t know, McAfee – the maker of the popular McAfee Antivirus offers this fantastic free tool that warns you of any malicious site you might be visiting. This one too sits in your status bar and turns green/yellow/red depending on the site you’re at giving you an indication about the kind of content/downloads available at the site.

Clicking on the icon gives you an option to view the reasons as to why the site’s safe or harmful and shows a link-map (how many safe or malicious sites it links to), information about spammy emails from the site as well as comments by other users.

According to me, this is another of the must haves.

13. VideoDownloader

For those who collect video clips from sites like YouTube, Google, Metacafe, iFilm, Dailymotion etc. this extension makes your life a breeze. Instead of manually hunting the video URL from the page source, this tool will present you with a list of all the embedded videos on a page and allow you to perform single-click downloads.

VideoDownloader add a small icon on the status bar at the bottom of your firefox window, and a toolbar button. Just click that and download the video you are watching.

14. BBCodeXtra or BBCode

If you’re one of those people who browse & post at various forums on the net and are familiar with BBCodes – these extensions prove to be extremely helpful. Both the extensions add a context menu with new commands to insert BBCode/Html/XHtml codes in an easy and fast way.

Both BBCodeXtra and BBCode have the same basic set of functionalities – but I prefer BBCode over the former as it allows you to add in your own BBCodes.

However, one minor problem with BBCode is that the author seems to have discontinued updating of the extension and hence it will install properly on only upto Firefox 1.5. If you’re familiar with extension development, you can simply unpack the extension and set the maxVersion to 2.0.* in the install.rfd file. Then simply repack and install the extension and your job’s done.

That’s it for now.. I guess. If you know of/use any other extension(s) regularly that you find really helpful, do leave a comment :)

Jan 04th by miCRoSCoPiC^eaRthLinG

Page 1 of 38

    The Social Me

    Topics

    open all | close all

    Links

    Elsewhere on the Web…