Below are some of the useful tools which has been released in the year of 2008 and which became powerful tools in the World of Web. I would like to list out all the respective tools which helps a developer in all the aspects of life while he is working at his desk. I would like to recommend every developer to use these tools and make your life easier. These tools were mostly related to web development area.

Here we go, the lists which are depicted below are considered as a most useful firefox add-ons in the World of Web.

1. Html Validator 0.8.5.2 (by Marc Gueury)
Description:
“HTML Validator is a Mozilla extension that adds HTML validation inside Firefox and Mozilla. The number of errors of a HTML page is seen on the form of an icon in the status bar when browsing.

The extension can validate the HTML sent by the server or the HTML in the memory (after Ajax execution).

The details of the errors are seen when looking the HTML source of the page.

The extension is based on Tidy and OpenSP (SGML Parser). Both algorithms were originally developed by the Web Consortium W3C. And now extended and improved by a lot of persons. Both algorithms are embedded inside Mozilla/Firefox and makes the validation locally on your machine, without sending HTML to a third party server.”

Homepage: http://users.skynet.be/mgueury/mozilla/

Support: Support for this add-on is provided by the developer at http://users.skynet.be/mgueury/mozilla/

Html Validator 0.8.5.2

Read More >>

2. ColorZilla (by Alex Sirota)
Description:
“Advanced Eyedropper, ColorPicker, Page Zoomer and other colorful goodies.

With ColorZilla you can get a color reading from any point in your browser, quickly adjust this color and paste it into another program. You can Zoom the page you are viewing and measure distances between any two points on the page. The built-in palette browser allows choosing colors from pre-defined color sets and saving the most used colors in custom palettes. DOM spying features allow getting various information about DOM elements quickly and easily. And there’s more…”

Homepage: http://www.iosart.com/firefox/colorzilla/

Support: Support for this add-on is provided by the developer at http://www.colorzilla.com/

ColorZilla

Read More >>

3. ViewSourceWith 0.4 (by Davide Ficano)
Description:
“The main goal consists to view page source with external applications but you can also…
- open page source as DOM document, read faq
- open CSS and JS files present on page
- open images using your preferred image viewer (e.g. GIMP or ACDSee)
- open PDF links with Acrobat Reader or Foxit Reader or what you prefer
- edit textboxes content with your preferred editor and automatically see modified text on browser when you re-switch focus on it, this simplifies wiki pages editing, read faq
- open server side pages that generate the browser content, this simplifies web developer’s debug, read server-faq
- open files listed in Javascript console. When editor open file the cursor can be moved to line number shown on javascript console, read js faq
For desperate cases you can add Microsoft IE to editor list.”

Homepage: http://dafizilla.sourceforge.net/

Support: Support for this add-on is provided by the developer at http://dafizilla.sourceforge.net/viewsourcewith

ViewSource With 0.4

Read More >>

4. Flashblock 1.5.7 (by Lorenzo Colitti, Philip Chee)
Description:
“Flashblock is an extension for the Mozilla, Firefox, and Netscape browsers that takes a pessimistic approach to dealing with Macromedia Flash content on a webpage and blocks ALL Flash content from loading. It then leaves placeholders on the webpage that allow you to click to download and then view the Flash content.

Flashblock currently blocks the following content types:
* Macromedia Flash
* Macromedia Shockwave
* Macromedia Authorware”

Homepage: http://flashblock.mozdev.org/

Support: Support for this add-on is provided by the developer at http://flashblock.mozdev.org/contact.html

Flashblock

Read More >>

5. MeasureIt 0.3.8 (by Kevin Freitas)
Description:
“Draw out a ruler to get the pixel width and height of any elements on a webpage.”

Homepage: http://www.kevinfreitas.net/extensions/

Support: Support for this add-on is provided by the developer at http://www.kevinfreitas.net/extensions/

Measure It

Read More >>

6. FireFTP (by Mime Cuvalo)
Description:
“Along with transferring your files quickly and efficiently, FireFTP also includes more advanced features such as: directory comparison, syncing directories while navigating, SFTP, SSL encryption, search/filtering, integrity checks, remote editing, drag & drop, file hashing, and much more!”

Homepage: http://fireftp.mozdev.org

Support: Support for this add-on is provided by the developer at http://fireftp.mozdev.org/help.html

FireFTP

Read More >>

7. NoScript (by Giorgio Maone)
Description:
“Winner of the “2006 PC World World Class Award”, this tool provides extra protection to your Firefox.
It allows JavaScript, Java and other executable content to run only from trusted domains of your choice, e.g. your home-banking web site, guarding your “trust boundaries” against cross-site scripting attacks (XSS) and Clickjacking attempts, thanks to its unique ClearClick technology.
Such a preemptive approach prevents exploitation of security vulnerabilities (known and even unknown!) with no loss of functionality…
Experts do agree: Firefox is really safer with NoScript ;-)”

Homepage: http://noscript.net

Support: Support for this add-on is provided by the developer at http://noscript.net/forum or by sending an e-mail to noscript@informaction.com

NoScript

Read More >>

8. Screengrab! (by Andy M)
Description:
“Screengrab saves entire webpages as images.

It will save what you can see in the window, the entire page, just a selection, a particular frame… basically it saves webpages as images.

The following little keywords are at the request of those who can’t remember the name ScreenGrab! and want searches to work. It takes screen shots, screenshots - that is, shots, of web pages.”

Homepage: http://www.screengrab.org

Support: Support for this add-on is provided by the developer at http://www.screengrab.org or by sending an e-mail to andy@screengrab.org

ScreenGrab

Read More >>

9. IE Tab (by PCMan (Hong Jen Yee), yuoo2k)
Description:
“This is a great tool for web developers, since you can easily see how your web page displayed in IE with just one click and then switch back to Firefox.”

Homepage: http://ietab.mozdev.org/

Support: Support for this add-on is provided by the developer at http://forums.mozillazine.org/viewtopic.php?t=505032

IE Tab

Read More >>

10. Firebug (by Joe Hewitt, Justin Dolske, others)
Description:
“Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.”

Homepage: http://getfirebug.com/

Support: Support for this add-on is provided by the developer at http://groups.google.com/group/firebug/topics

Firebug

Read More >>

11. CoolPreviews 2.6.4 (by The Cooliris Team)
Description:
“* Preview web links, images, and videos without even clicking.
* View Google & Yahoo Image Search in ultra slideshow mode
* Instantly send links to friends and family with just a click.
* Automatically subsearch Google, Wikipedia, and many others by right-clicking on any phrase
* Customize preferences to control preview window activation, time delay, size & position, etc.

Created by the developers of Cooliris (formerly PicLens), the ever-popular Firefox addon that gives you stunning, full-screen 3D views across the web.”

Homepage: http://www.cooliris.com

Support: Kindly visit http://www.cooliris.com/support/ so we can help you.
Please do not post here.

Cool Previews

Read More >>

12. FireShot 0.61 (by susbox)
Description:
“FireShot is a Firefox extension that creates screenshots of web pages.
Unlike other extensions, this plugin provides a set of editing and annotation tools, which let users quickly modify web captures and insert text annotations and graphical annotations. Such functionality will be especially useful for web designers, testers and content reviewers.
It’s possible to choose whether you want to capture entire web page or take screenshot of only visible part of the web page.

The captures can be:
- uploaded to FREE public screenshot hosting
- saved to disk (PNG, GIF, JPEG, BMP)
- printed
- copied to clipboard
- e-mailed
- sent to configurable external editor for further processing.”

Homepage: http://screenshot-program.com/fireshot/

Support: Support for this add-on is provided by the developer at http://screenshot-program.com/fireshot/

FireShot

Read More >>

And many more like this, the tools which I have stated above are very useful for a web developer to make his life easier. Hope this list might help you guys in finding out your favorite ones

My favorite all time feature is "Task Manager ", "JavaScript Debugger " this is what I am looking for in the other browsers. In one of the blog, I have noticed a good article related to "Tabs" in a browser, the title of the article is "Does tab features in browser helps the developer? ", I think the article which has posted might be a developer, here in this article he has explained his handson experience about the "Tabs" when debugging a code or while writing a code in any language. His concern is, "when I am testing my code in tabbed browsers if at all that code has got any errors and or problem might occur during running the code, or if any loop is running continuously (infinite loop) in order to overcome the issue we need to close entire browser window no matter how many tabs you have opened, using Windows Task Manager if developer is using Windows Operating System ". Here in this Google "Chrome" browser, we are not having any problem, we can overcome the above problem as here they have introduced "Task Manager" feature, its awesome right? Yeah! its really awesome.

1. Task Manager (Shift+Esc): Crash Control

Below is the screen shot of this awesome feature, Task Manager (Shift+Esc) :

From the above feature, you can easily stop/End process of the Tabs which you have opened, I think this feature help developer a lot in debugging and running the code successfully without disturbing other tabs which are opened. Not only that you can view the memory of how much each tab is taking and the CPU effort has well. And more interestingly, if you click on "Stats for nerds" it will show consolidated stats of the same, this is really awesome and unique feature I have ever seen before.

2. New incognito Window (Ctrl+Shift+N):

Here "incognito" means without revealing one’s identity. This is a new feature which we will not see much handy in any other browsers. The websites which you see in this window will not appear in history that is website links or other instances like cookies won’t appear in your browser history or search history. This feature will not affect the behavior of other people, servers, or software. If you would like to know more info about this feature, then just press Ctrl+Shift+N on your keyword

3. Gather Multiple tabs into one window:

As we all know Google takes more care about the users usability, they have introduced one awesome features like you can drag out the tabs to create a new window, and you can gather multiple tabs into one window and can arrange them as you need depending on your priority.

4. Safe Browsing:

Google automatically warns you if you are about to visit any malware or any other unsafe websites. Check out this feature, this is not new but good enough feature we can say. This feature will warns you by flashing an alert message like "Error Messages and Alerts: ‘This is probably not the site you are looking for!’ ".

5. Instant Bookmarking:

As we know bookmarking places a vital role in storing your favorite website address, and I would like to give one suggestion to Google that, right now bookmarks are stored locally (In the system’s memory) this feature only will be seen in this system only, if a user bookmarks any favorite website, it should open up a window of GMail or so asking for username and password and can save the same bookmark online. If you guy’s introduce this feature, it will helps developers and users a lot in saving some time. I think you might be introducing this in next coming releasing.

6. Import Bookmarks and Settings:

You can import your bookmarks from your other browsers very easily like from Internet Explorer or Mozilla etc., not only importing bookmarks, we can also import Browsing history, Saved passwords and even Search engines. You can import all these in a single click…..

7. Downloads:

Again I can this very awesome enough, when you want to download a file / zip file / lets say if you want to save an image from a web page, it will show up an download icon towards your chrome browsers left bottom and towards your right you can see a link called "Show all downloads…" and when we click on this link it will open a new tab with all the respective downloads which you have downloaded. If you want to view the destination of the file then in download tab window click on "Show in folder" it will take you to the destination folder.

8. Create application shortcuts…

You can create a shortcut of your favorite website page and can save the same to your Desktop / Start Menu / Quick Launch Bar for your future reference, I think this is a new feature which Google has introduced, when we click on the respective shortcut icon which you have saved it will open that application in a separate new window with awesome features… Amazing!

9. Find option:

If you want to find any word in your respective webpage, press Ctrl+F then towards your top right corner one find text box will scrolls down and also this provides us to see the previous and next options which has been shown using up and down arrows.

10. Developer Options:

This feature is also awesome enough in Chrome, if a user / developer wants to debug or view his code he can do the same, when user want to view the source of a web page, can do the same by Ctrl+U and the source window has got line numbers as well, this is something new and which helps us in debugging as well. Google has introduced a nice feature of debugging the code like a "Firebug " addon in "Firefox ", this will help developers a lot especially for JavaScript developers.

I think, I have covered most of the awesome enough features which Google has introduced in New Chrome Browser, download the same at this location - http://www.google.com/chrome/?hl=en and if you have any valuable feedback on the Google Chrome Browser let the Google Team know the same - http://www.google.com/support/chrome/bin/request.py?contact_type=feedback

And if I have missed any new features, please do post a comment to this article.

I wondered why IE will raise an issue when I could not see any error in Firefox? annoying error right? Yes! same thing I feel.

After searching a lot in Google by this query “Error: Invalid source HTML for this operation“, I got the answer by seeing some forums. This Error might be because of “Inserting a block element inside a non-block element”

like for example: document.getElementById(’inserting’).innerHTML=”<span><div>Inserting a block element inside a non-block element</div></span>”

The above is strictly not allowed in IE6.0 browsers. When you render the same in IE browser will raise an error saying the same “Error: Invalid source HTML for this operation“, when you render the same in Firefox browsers then will render properly without any error

You can view the below links for reference:

innerHTML and non-block elements
http://xinha.webfactional.com/ticket/129

Related Topics which you would like to read:

1. System Error: -1072896658 in IE
2. Snippet Code for Simple Ajax Tabs with cool CSS Styles
3. Using XMLHttpRequest, reading XML data (Adobe AIR Application)
4. Remove special characters (like !, >, ?, ., # etc.,) from a string using JavaScript
5. 10 different styles of Accordions (Using Ajax, JavaScript, DHTML)

If you see, TechVideoBytes is completely a technology based website, which depicts the ease of highlighting video tutorials on various software tools and various programming languages. You can learn tools online without paying anything, yes! its absolutely free bucks. Just select your favorite keyword and on a click you can view the respective video playing on the other page, and on the page we are consolidating all the relative videos in respect to your keyword selected, if you would like know more about the TechVideoBytes just crawl into the website – TechVideoBytes .

About the contest:
Here in this contest there are nine $10,000 first place winners, and the 20 $500 second place winners which are determined by the 5 categories of TopCoder Community Favorite. If you guys want to know more about this contest just jump into TopCoder

In the first place winners we stand in 4th place, and the categories includes Usage – 90, Innovation – 80, API – 80, AOL – 62, TC Rank – 94 and coming to over all Weighted Score is – 81.2

We are glad to bags this prize gift, and will strive hard to come up with other innovative web applications in coming future.

We had a crawl to all the websites which are listed in the prize winning list, we have many favorites websites which we liked the most is  MapOfVideo , SVid , VideoBuzz the network of Wittysparks , VideoSearchBot . MapOfVideo has also got good features in the application which provided has got many other options by clicking on the respective spot and stands in 1st Position, SVid it has got featured all the categories in all aspects, which is awesome enough to see and stands in 2nd place, VideoBuzz has bagged in 14th position in the contest. This site has got good look and feel providing all the respective top videos, featured videos and upcoming videos related to Hollywood, Bollywood, Tollywood, Kollywood and more. VideoSearchBot is an AIM bot for video search based on Truveo Video Search API. Just type the query and he will give you the video list with integrated links, which stands in 3rd position in $500 prize winner.

Finally! Kudos to all people who won prize gifts from Truveo.

Name of the application is Tech Video Bytes, and can be viewed at this location http://www.developersnippets.com/techvideobytes

Just click on the above link, this will take you to the awesome application where in which you have a liberty to search your favorite video and learn from the same at a single click.

Do you want to learn programming languages quickly and efficiently with out attending any private institutions by paying lot of bucks? By this application you can learn your favorite programming languages through Videos. And want to be familiar with designing tools like Adobe Photoshop, Adobe Flash, Adobe Aftereffects, 3D Studio Max, Maya and many more through this Video Search Application.

Do you want to listen to what experts says about the latest technologies and want to be in touch with latest technologies, yeah here is the right place to come in and search for your favorite video on particular seminar.

Best features ever to search your favorite video online:

• Towards your left, we have placed a column for Categories, where in you can view many categories that we have listed as of now we have listed only few that we like most and useful for the developers and users. Just click on your favorite respective link, this will take you to the best filtered videos related to that link.For Example: If you click one Photoshop link in the left pane provided, it will show Photoshop related Video links with respective images in the center pane that is in the results pane. With Video Links and Images, description about the video is also provided. Just click on the respective video link you like, this will take you to the Video Page with your favorite video. In that way you can view the favorite video online without paying any bucks it’s all free!Below “All Categories ” lists we have provided Related Channels and Related Tags , these sections will be automatically updated depending on your search results.Related Channels: This will show respective video channels
  Related Tags: This will show up respective tags for your easy search.
• Below the Header in the input box provided, enter your search criteria like for example, Enter Photoshop and click on the “Search Videos ” button. This will filter all the search criteria and will displays all the respective results (that is Video Links, Respective Video Images and Descriptive text about the video).
• Center Pane, This will depicts the search results. Above the search results, you can find your respective search criteria as a heading like if you enter “Photoshop ” in the input box provided then it will display as “Photoshop ” and below that number of the results found.
• In a page we are showing only 15 video links, and if you want to navigate to the other results we have provided pagination functionality for your better navigation purposes.
• Towards your right that is in the third column, we have placed “Featured Videos”, right now in the top we have displayed only Adobe related products and below that we have placed many featured videos this will be updated once in a week.In the featured video’s section, we have displayed the respective title of the Featured Video, below that respective image of the video and beside to that respective description and after that respective Category, Channel, Related Tags.
• If you go to the video page (By clicking on the respective video links provided / the links which are filtered from the search criteria), the Video page will the respective video, as of now we have in the left pane we are listing all the respective Categories and will be adding other categories in upcoming days. And towards your right that right pane, under Featured Videos section, we have placed “Related Videos ” depending on your search and below that respective Related Categories , Related Tags , and Related Channels depending on your search criteria will be automatically changes depending on your search criteria.

Above are the respective features which we have implemented as of now, we will be coming up with new features and new functionalities in the near future.

Place your Video for Free: If you want to place your video, we are glad to accept that but with one condition! Your video should be related to Technology, we mean related to Information Technology, which should be helpful to the end users. And even we promise that if the video is really helpful we will showcase that in the front page of Developer Snippets and as well in the Tech Video Bytes page. In this way you can promote your valuable website through our site.

To send in your respective videos, just draft a mail with all your details and video link (or) video which should be less than 10MB.

Just add “Video :<< Video Title>> | <<Video Duration>> | <<Small Description about the Video>> ” to mail SUBJECT line and sending in to vivekananda_ind@yahoo.com , by looking at the subject line. May have a chance to delete your mail if you have not mentioned the subject line properly as depicted above.

Here is a request from our Team; please let us know your valuable feedback about this application, and help us in growing. If you guys want to add more functionalities to the application, please do inform us and write into us at vivekananda_ind@yahoo.com

Link to the Site: http://www.developersnippets.com/techvideobytes

From India, there are more than 1,00,000 downloads, as of now till date if we see there are 181,619 downloads has been done.

If you want to show the World that you have helped set a Guinness World Record with your own personalized Firefox3 Download Day Certificate, Click Here (FLAUNT IT!)

Steps to bookmark a webpage:

1. When you want to bookmark a webpage which has not been bookmarked yet into your favorites. Initially in the address bar you will see a favorite icon that is in simple a ‘white star’ icon – this indicates you have not added this site into your favorites.

2. Just click on the ‘Favorite Icon’, it will bookmark and will change the icon to yellow indicating that this page has been bookmarked into your favorites.

3. If you want to organize (or edit) the same into your appropriate bookmark folder location then click again on the ‘favorite icon’, it will show up a ‘Edit This Bookmark ‘ popup from there you can organize your bookmark into your appropriate bookmark folder location.

Its done! Cool Feature Right!

The above feature is excellent!, and one more thing I would like to inform you that there is an addon called Foxmarks to Firefox3 which will keep your bookmarks synchronized, this will help developers a lot in bookmarking the pages in a very proficient way.

I agree with the time zones, but as I am a fan of Mozilla Firefox, I am very much eager to view/download the software and much eager to see the new features that has been introduced in the new Firefox3. I have seen some of the blogs and websites and was very much impressed and looked into some of the features in the blog like: Add-on manager, Bookmarks, Cascading Style Sheets (CSS), Color profile support, Download, manager, Font and text rendering, Full page zoom, History, HTML Canvas, Location bar UTF-8 support, Malware protection, Microformats API, Offline web application support, Password manager, Performance, improvements, Phishing protection, Plugins, Site Identification button, Smart Location Bar, Tabs, Themes, Video and audio feeds, Vista parental controls support, Web application protocol handlers and might be more that this what I have mentioned. Want to know more about the features which Firefox3 has got! then visit this site: http://www.dria.org/wordpress/archives/2008/06/12/655/

Actually I would like to see the above mentioned features LIVE, that is in my Firefox browser. Really Firefox is like a Rocking Star of Web World in Browsers. Indian fans are waiting for the same to download as soon as the possible and break the record which Mozilla is about to do that in few hours.

Guys! Once again, I am requesting all the people in the Global World to download the same and help Mozilla to break Guinness Word Record.

If you would like to participate and want to Pledge on the same then you need to have a visit to the site once - http://www.spreadfirefox.com/

ok..now I will have a sleep and will download the same in the morning

Related Article:
Help Mozilla in making a record of Firefox 3 on June 17th 2008

Here is an article from Mozilla Developer Center (Beta) - Coming Tuesday, June 17th: Firefox 3

Mozilla team has officially announced the date to ship Firefox 3 this upcoming Tuesday, June 17th. If you would like to participate and want to Pledge on the same then you need to have a visit to the site once - http://www.spreadfirefox.com/ , As of now 1,066,871 people all around the world has Pledged the same to support Firefox in the long way run and to win the Guinness World Record.

If you want to spread this word to the rest of the people in the world, just you need to add buttons or respective banners to your site, blog or profile. And there are other ways to help Firefox to set a World Record! Just login to your account in your respective social community sites and invite all your friends and spread the word and help Firefox to break this record. Want to know more about how we can be involved in this, visit here - http://www.spreadfirefox.com/en-US/worldrecord/getinvolved

So, guys don’t forget to download Firefox 3 on the released date that is on 17th June of this month and help firefox to break Guinness World Record .