3. FireBug Lite
• Firebug Lite is not a substitute for Firebug, or
Chrome Developer Tools. It is a tool to be used
in conjunction with these tools. Firebug Lite
provides the rich visual representation we are
used to see in Firebug when it comes to HTML
elements, DOM elements, and Box Model
shading. It provides also some cool features
like inspecting HTML elemements with your
mouse, and live editing CSS properties.
5. HandCraft
• Handcraft is a web-based prototyping tool for
interaction designers and front-end
developers.
• The design process doesn’t end with a
wireframe or mockup. Bring your design into
the browser and use HTML, CSS and Javascript
to handcraft interactive prototypes that get
sign off faster.
7. DropBox
• As everyone knows Dropbox is the easiest way
to store, sync, and, share files online. Now you
can use this widget to access you drop box
account in Chrome!
9. Browser Compatibility Detector
• Browser Compatibility Detector scans for
potential incompatible issues on a web page,
for popular desktop browsers(IE, Firefox,
Chrome, Opera, etc).
11. Web Developer
• The Web Developer extension adds a toolbar
button to the browser with various web
developer tools. This is the official port of the
popular Web Developer extension for Firefox
written by the same person.
13. Hoot Suite
• With HootSuite’s unique social media
dashboard, you can schedule and publish to
Twitter, Facebook, Linkedin, Foursquare,
WordPress and more. Plus you can easily track
trending topics and view campaign results
without switching sites or apps. Also, you can
get to your know your audience with
information about their social presences, level
of influence and publishing habits.
15. Yslow
• YSlow analyzes web pages and suggests ways
to improve their performance based on a set
of rules for high performance web pages.
YSlow grades web page based on one of three
predefined ruleset or a user-defined ruleset. It
offers suggestions for improving the page’s
performance, summarizes the page’s
components, displays statistics about the
page.
17. BuiltWIth Technology Profiler
• BuiltWith is a web site profiler tool. Upon
looking up a page, BuiltWith returns all the
technologies it can find on the page.
BuiltWith’s goal is to help developers,
researchers and designers find out what
technologies pages are using which may help
them to decide what technologies to
implement themselves.
19. HTML Instance
• Edit HTML code in real-time. Just enter HTML,
CSS, or Javascript in the left pane and you will
get instant results as you type in the right
pane. Great for editing on the fly and for
teaching/learning HTML.
21. Aviary Image Editor
• An incredibly useful and fun web-based image
editor that can be utilized by anyone looking to
retouch and manipulate a photo. From basic
image editing to manipulating complex effects,
Aviary’s Advanced Image Editor delivers essential
key features available in powerful desktop clients
right through your browser. Aviary provides its
users with an easy-to-use and accessible
application that will spawn creativity and sharing
with every use!
