Essential Firefox Add-ons for Web Developers

Firefox has some cool add-ons which make the job of website designers much easier. These add-ons are definitely going to improve your work-flow and enhance your overall internet browsing experience. Don’t miss this chance to work quicker and better!

Firebug
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.
http://addons.mozilla.org/en-US/firefox/addon/1843

Web Developer
The Web Developer extension adds a menu and a toolbar with various web developer tools.
http://addons.mozilla.org/en-US/firefox/addon/60

ColorZilla
Advanced Eyedropper, Color Picker, Palette Viewer and other colorful goodies for your Firefox.
https://addons.mozilla.org/en-US/firefox/addon/271

FireShot
FireShot is an advanced screen capture add-on for Firefox. In addition to giving you the ability to capture an entire web page, FireShot also allows you to add add graphics and notes directly to your screen captures.
http://addons.mozilla.org/en-US/firefox/addon/5648

Codetech
Get the feel of Dreamweaver in a Firefox extension. Edit your documents right next to your web pages as you surf.
https://addons.mozilla.org/en-US/firefox/addon/1002

CSS Validator
Validates a page using the W3C CSS Validator.
http://addons.mozilla.org/en-US/firefox/addon/2289

HTML Validator

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.
https://addons.mozilla.org/en-US/firefox/addon/249

W3C Offline Page validator
Validates the source of a HTML/XHTML page via the W3C Markup Validation Service using the direct-input form.
https://addons.mozilla.org/en-US/firefox/addon/6006

Greasemonkey
Allows you to customize the way a webpage displays using small bits of JavaScript.
https://addons.mozilla.org/en-US/firefox/addon/748

GridFox
Draws a grid on top of a website. This is useful for checking designs that are supposed to follow a grid-based layout.
https://addons.mozilla.org/en-US/firefox/addon/4904

HttpFox
HttpFox monitors and analyzes all incoming and outgoing HTTP traffic between the browser and the web servers.
https://addons.mozilla.org/en-US/firefox/addon/6647

CSSViewer
A simple CSS property viewer.
http://addons.mozilla.org/en-US/firefox/addon/2104

IE NetRenderer

If you are like me and design your sites for Firefox then this is a great tool for you. IE NetRenderer will create you an image of how the website looks in IE 5.5, 6, 7 and 8 so you can get an idea of whether or not it looks right in IE.
http://addons.mozilla.org/en-US/firefox/addon/6455

Foxy SEO Tool
Foxy SEO Tool offers tools for search engine optimization (SEO), web traffic and page analysis for webmasters and web professionals.
https://addons.mozilla.org/en-US/firefox/addon/9440

Google introduced “The Go Programming Language”

Google has introduced its new experimental programming language Go, which aims to combine speedy application development through simplified coding with high-speed program execution.

Google’s goal is that a major Google binary should be buildable in a few seconds on a single machine. The language is concurrent, garbage-collected, and requires explicit declaration of dependencies. Simple syntax and a clean type system support a number of programming styles.

Go works with Google’s open-source technology Native Client, designed for running native code in web-based applications, but it is not known yet whether Go will be used in the new Google operating system, Chrome.

For more on Go including FAQs, source code, libraries, and tutorials, please see the Go home page: http://golang.org

New version of Orkut

After months of hard work, Orkut team has announced the launch of a brand spanking new version of Orkut. The team has rebuilt the site from the bottom up using the Google Web Toolkit (GWT).

With the new version of orkut you’ll find:

  • Fewer pages, faster browsing
    • Simpler and faster
    • Easy navigation to other Google properties
    • One-stop notifications
    • Fast photo uploads and photo sharing
  • Greater personalization
    • State your status!
    • Pick your favorite colors
    • It’s all ‘about me’ with more customization
  • Friendlier friending
    • Find and invite friends – fast!
    • More dynamic friends list
    • Latest activity updates on friends profiles
  • Connect in new ways
    • Post a scrap to say “hello”
    • Video chat
    • Promote stuff through your friends
New Version of Orkut
New Version of Orkut

Excited about the new version of the site? Then you’ll also be excited to know that orkut is returning to its roots and granting access to it via invitations. Find a friend who’s already using the new version of orkut and ask for an invite.

For more details visit
http://en.blog.orkut.com/2009/10/introducing-new-version-of-orkut-fun.html

Google Music Search

Google has announced that Google Music Search is officially “rolling out.” This new feature will allow users to hear song previews and easily obtain artist and album information, and it is expected to be accessible to users across the U.S. soon.

Google Music Search
Google Music Search

According to Google:

Of course, this is just a first step toward making search more musical. There’s a lot of music out there in the world, and in some instances, we may not return links to the song you’re looking for. But by combining the strength of Google’s search algorithms with our music search partners’ efforts to increase the comprehensiveness of their music content, we’re on track to answer more of your rhymes with the right rhythms.

Read more at:
http://googleblog.blogspot.com/2009/10/making-search-more-musical.html

Basic Tips for SEO

  1. Use Correct Doctype
  2. Use Semantic code while htmlizing your website.
  3. Use Meta Content and Meta Keywords
  4. Use unique page titles
  5. Use SEO friendly page name or URL
  6. Use Alt tags for Images
  7. Use Heading Tags (e.g. H1, H2)
  8. Use Valid HTML and CSS Code (Make your code W3C Standard)
  9. Use Div based coding and avoid using Tables
  10. Make a Detailed Sitemap
  11. Use Breadcrumb
  12. Use Footer links
  13. Use Optimized images and code to make your web site load fast
  14. Use External JavaScript and CSS files
  15. Use a meaningful and helpful 404 error page

Google Wave

Google recently previewed “Wave” a Social collaboration and communication service. The service seems to combine Gmail and Google Docs into an interesting free-form workspace that could be used to write documents collaboratively, plan events, play games or discuss recent news.

Communication and Collaboration
Communication and Collaboration

“In Google Wave you create a wave and add people to it. Everyone on your wave can use richly formatted text, photos, gadgets, and even feeds from other sources on the web. They can insert a reply or edit the wave directly. It’s concurrent rich-text editing, where you see on your screen nearly instantly what your fellow collaborators are typing in your wave. That means Google Wave is just as well suited for quick messages as for persistent content — it allows for both collaboration and communication. You can also use “playback” to rewind the wave to see how it evolved.”

Google Wave
Google Wave

Gmail introduces “Undo Send” feature

Gmail labs added a new feature “Undo Send” by which you can recall your send emails within 5 seconds after hitting the send button.

Enable Undo Send in Gmail Labs
Enable Undo Send in Gmail Labs

Remember to enable the “Undo Send” feature from Gmail > Settings > Labs. It is disable by default.

Once you’ve enabled this feature, you have two options to call back a sent message.

Option 1

Hit cancel when you see the Sending … message
Hit cancel when you see the Sending … message

Option 2

Hit Undo when the Sent message appears
Hit Undo when the Sent message appears

Either way, you have to react quickly(with in 5 seconds).
Go ahead check it out.