1. Web Developer
last version: 1.1.6

Add a menu and a toolbar to the browser with various web developer
tools like working with css, cookie, forms, tables, frames, and edit html.

URL: https://addons.mozilla.org/en-US/firefox/addon/60

2. FireFTP
last version: 1.0.4

FireFTP is a free, secure, cross-platform FTP client for Mozilla
Firefox which provides easy and intuitive access to FTP servers.

URL: http://fireftp.mozdev.org/

3. Firebug
last version: 1.4.0b2

Firebug integrates with Firefox to put a wealth of
development tools at your fingertips while you browse.

URL: https://addons.mozilla.org/en-US/firefox/addon/1843

4. ColorZilla
last version: 2.0.2

Advanced Eyedropper, ColorPicker, Page Zoomer and other colorful goodies…

URL: https://addons.mozilla.org/en-US/firefox/addon/271

5. IE Tab
last version: 1.5.20090525

Embedding Internet Explorer in tabs of Mozilla/Firefox…

URL: https://addons.mozilla.org/en-US/firefox/addon/1419

6. Page validator
last version: 3.0.0

Validates a page using the W3C Markup Validation Service.

URL: https://addons.mozilla.org/en-US/firefox/addon/2250

7. CSS validator
last version: 3.0.0

Validates a page using the W3C CSS Validator.

URL: https://addons.mozilla.org/en-US/firefox/addon/2289

8. Current Site IP
last version: 1.0.14

This plugin gives you an advertising-free, direct way to get a
website IP address you need when working on site development.

URL: https://addons.mozilla.org/en-US/firefox/addon/11036

9. MeasureIt
last version: 0.3.8

Draw out a ruler to get the pixel width and height of any elements.

URL: https://addons.mozilla.org/en-US/firefox/addon/539

10. Window Resizer
last version: 1.0

Resize your browser to various standard resolution sizes.

URL: https://addons.mozilla.org/en-US/firefox/addon/1985

]]> http://www.devtheweb.net/blog/2009/08/25/10-add-ons-for-firefox-you-shouldnt-miss/feed/ 0 http://www.devtheweb.net/blog/2009/08/25/general-tips-to-optimize-page-loading-when-work-with-pictures/ http://www.devtheweb.net/blog/2009/08/25/general-tips-to-optimize-page-loading-when-work-with-pictures/#comments Tue, 25 Aug 2009 09:34:52 +0000 admin http://dev-the-web.com/blog/?p=68 1. Use Browser Cache

When visit page for first time, Browser have to download all resources (aslo All images), but on second visit, why should not browser get resources from Cache (previously loaded and saved resource). For Images/CSS/JavaScripts, you’ll need to configure the web server.

2. Don’t forget height and width atteibutes in img tags

These attributes ‘helps’ the browser to layout the text before the image is 100% loaded. If you forget these attribute, browser will first download the image and after the will calculate the lay out.

3. Give correct values of height and width atteibutes in img tags

If height and width are little but the image file is large, that won’t mage the page loading faster.

4. Avoid ‘animated’ Gifs and Flash

Animated Gifs and Flash could have huge size, which’ll slow down the page loading.

5. Do you reaaly need 3D Graphics ?

Think if you really need large 3D Graphics for background, simple images could make site more friendly and also reduce the total size of bytes which browser will download when open your page, which optimize the loading

6. Choose Appropriate Formats of Images

Be carefully when choose the format of images: GIFs works best for solid colors and sharp-edged transitions from one color to other, JPEGs works best for continuous gradations of many colors or grey tones.

7. Use Image Slicing

Image slicing is a technique used to breakdown a large image into smaller pieces to make it load faster.

8. Don’t Include Too Many Images in One Page

If they’re too many separate them in different pages. Ex. you’ve photos of animalas, make one page for cats, second for dogs, third for rabbits, etc.

9. Use Thumbnails Javascript Scripts

You can use a java script to display a thumbnail and load the larger image only when the user clicks or rolls his mouse over the thumbnail.

10. Optimize Your Images

Optimizing your images is a great way to reduce the load time, but be careful because it will often make your colors look washed-out and you may lose some of the fine details.