Fireshot Screen Capture Plugin For Firefox

Firefox has some great add-ons available for web designers to extend the functionality the browser has to offer. One useful add-on which is great for capturing screen shots and editing screen shots on the fly is called Fireshot which enables you to create screen shots directly from your browser of complete web pages or just a specific part of the web page.

Another great feature incorporated into the add-on is the ability to edit the screen shot by included notes with pointers. This is really useful if you want to help someone understand a specific problem you have with your website or design.

Benefits Of Using Fireshot

  1. Easy to use screen capture add-on for Firefox
  2. Free version is free to download and use.
  3. You can also purchase the Pro version which includes some additional features
  4. Save time, no need to open another application just point and capture the screen via the browser
  5. Captures flash movies and animated Gifs
  6. Save screen captures in a JPEG, GIF, PNG, BMP format or send it directly to print or email
  7. Edit images on the fly by adding text, pointers, shapes, captions or drawings.

To Get Started With Fireshot Complete The Following

  1. Open the Firefox browser and visit
  2. Install the Fireshot add-on
  3. Restart the Firefox browser and visit the web site you wish to screen capture
  4. In Firefox select the Tools menu and Fireshot
  5. You will now see a number of options to capture the whole page or just the visible area of the page

6. As show in the above screen shot once you have captured the screen you can edit it, save it as an image or send it directly to email / print.


IE Tester Browser Compatibility Software

One of the biggest challanges for a web designer is to ensure the web design is compatible acorss a number of browsers including Internet Explorer, Firefox, Safari, chrome, Opera and more.

Microsoft Internet Explorer can be the cause of alot of issues due to the fact that users ( web site visitors ) may be using different versions of the browser for example IE6, IE7, IE8 and IE9.

IE6 is slowly getting phased out but a number of corporate users may still be using this version of the browser.

Each version of the Microsoft browser renders the design in a different way and web designers are required to include CSS hacks, PNG transparency fixes in order to work around the problems caused by the different versions of the browser.

To avoid installing multiple versions of Internet Explorer on one machine you can install IE tester which is designed to test and debug different versions of Internet Explorer using a single interface. Another great thing about this software is it's free to download and use.


How do i change the joomla read more links

By default when you create a new Joomla! article for the front page or blog view and use the Read More option to split the article into two sections you will find the read more link includes the text " Read More" rather than the title of your article.

To help search engines like Google , Yahoo or Bing understand what the article is about plus improve the click through rate from both search engines and visitors we recommend you change the read more link so it matches the title of your article.


How Do I Change The Favicon

By default when you first install the latest version of Joomla the standard favicon.ico file is displayed in the top left hand area of the browser.

This tutorial will explain how you can replace the standard favicon with your own favicon.ico file.

What will you need to complete this tutorial

  • FTP access to update and upload the favicon.ico file to your template directory
  • Imaging software to create the GIF, PNG or JPEG image for the favicon.ico

Step 1 : Create the image for the Favicon.ico

The first thing you need to do is create a GIF, PNG or JPEG image which will be converted to a favicon.ico format

The image size should be 16px by 16px

To do this we recommend you find an image or maybe your company logo and open the image using Adobe Photoshop or Adobe Fireworks and reduce the image size to 16px by 16px. Save the image as a GIF, PNG or JPEG

Step 2: Convert the image to a Favicon.ico file

The next step is to convert the GIF, JPEG or PNG file to a .ico format.

  1. Visit the Favicon Generator web site
  2. At the web site select the Browse button and select the 16px by 16px image file you have created for the Favicon
  3. Choose the size 16px by 16px
  4. Select the generate Favicon button to generate the new file


How to add system messages to your Joomla articles

This tutorial will guide you through adding system messages to your Joomla! articles.

This can be useful when you want to display an important message, alert or may be high light a new product or service you have to offer.

What will you need to complete this tutorial

  • Access to the Joomla Administrator area
  • FTP access to download and update the template CSS file
  • Notepad.exe to edit and update the template css file

What will the end result be after you have completed this tutorial

You can add three different system messages (Error, Message and Alert) to new or existing articles.

The system messages will look like the examples noted below.

Here is my alert message
Here is my Error message
Here is my message for useful information