1. Firebug Lite

Firebug Lite is a tool for web developers, that allows you to edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

2. Speed Tracer

Speed Tracer is a tool to help you identify and fix performance problems in your web applications. It visualizes metrics that are taken from low level instrumentation points inside of the browser and analyzes them as your application runs.

3. Pendule

Use this extension in addition to the built-in Developer Tools. This tool is so similar to FireBug. You can just press mouse button and inspect the element.

4. Eye Dropper

Eye Dropper is a Google Chrome extension that gives you the ability to determine a color on any web page. What’s more is that it presents a color wheel and color swatches (found in most graphics software) so that you can experiment, tweak and pick colors.

5. IE Tab

Troubleshooting in Internet Explorer’s proprietary Trident layout engine is not a fun ordeal. With IE Tab, you can at least save some time from having to use Internet

6. Lorem Ipsum Generator

This extension prides itself in being minimalist and simple—and that’s good because there’s no reason generating Lorem Ipsum text should be a convoluted affair. Lorem Ipsum generator helps you fill up your design mockups with dummy text for presentation purposes.

7. Resolution Test

Resolution Test changes the size of the browser window for web developers to preview websites in different screen resolutions. It includes a list of commonly used resolutions as well as a custom option for you to input your own.

8. Plain Clothes

Unstyle the web with this tool. PlainClothes makes everything as possible closer to default or your wanted style. Just imagine – text is black, backgrounds are white, unread links are blue, visited links are purple, all links are underlined or any other colors you like.

9. Chrome SEO

Chrome SEO is a must for all web developers. With its suite of SEO tools, you can perform all SEO tasks, including competitive analysis, keyword research, social bookmark counts, traffic, ratings and backlink checks.

10. Validity

Validity is a quick and easy way to validate a current web page. Simply validate by clicking on the Validity icon in the address bar or pressing “Ctrl+Alt+V”. You can even use your own installation of the W3C Validation Service if you wish.

11. Snippy

Snippy is a really useful extension for collecting snippets of screenshots from a range of different sites. All you do is navigate to a web page, click on the Snippy icon, select which elements from the page you want to save, and press Show Snippets to bring up a window with all the elements you’ve selected. You can combine as many snippets as you like, from as many different sites as you like.

12. jQuery Shell

jQuery Shell allows you to run JavaScript and jQuery commands in the context of the current web page. It’s a great extension for learning and experimenting with jQuery

13. WebEdit

With the WebEdit Chrome extension, you can make any web page editable (the changes you make, of course, will not be saved). Why would this extension be helpful? If you are creating a website and want to play around with elements without making any significant changes to the code, this extension can come in very handy.

14. Chrome Sniffer

Chrome Sniffer will help web developers to inspect web framework / CMS and javascript libraries running on websites while browsing. An icon will appear on the address bar indicating the detected framework.

15. Chrome Flags

Chrome Flags simply displays a flag icon in the address bar showing the physical location of the website you are viewing. Click on the flag and you’ll be presented with additional information about the site’s servers, owners and traffic. It’s perfect for establishing the trustworthiness of a site you’re unsure about.

via http://www.tripwiremagazine.com

Related Posts

• 2010/06/12 -- 13 Useful Google Chrome Extensions for Web Developers (0)
• 2009/08/19 -- 8 Useful Google Chrome Plugins And Addons (0)
• 2010/08/06 -- Jak Aktualizować Przeglądarkę Google Chrome (25)
• 2010/06/20 -- SEO Site Tools – Chrome Extension (0)
• 2009/10/13 -- 14 Best CSS Editors You Should Know (0)
• 2009/07/09 -- SlickMap CSS: A Visual Sitemapping Tool for Web Developers (0)

Stylizer is a web browser that creates CSS ridiculously fast. Stylizer lets you design CSS layouts in real-time right on a browser, without any loss in control. It’s much faster and more intuitive than using an external editor like Notepad or Dreamweaver.

Xylescope

Xylescope transparently converts pages with markup errors in the source code into well-formed XHTML. Automatic formatting of the source code guarantees clarity and good readability of the document regardless of the original text quality.

Style Master

Style Master is the leading cross platform CSS development tool. Much more than just a text editor, Style Master supports your workflow – including:

• creating style sheets based on your HTML
• live CSS editing of PHP, ASP.NET, Ruby and other dynamically generated sites
• editing CSS via ftp

Rapid CSS Editor

With Rapid CSS Editor you can quickly and easily create and edit cascading style sheets of any size and complexity. You can write the style sheet code manually or let the program do it for you. In each case it is easy because of the many helpful features, including auto complete, code inspector and CSS checker. Results are shown instantly with the built-in preview. Rapid CSS Editor is designed to save you time and make your job easier.

CSS Toolbox

Free CSS Toolbox is a freeware productivity software for web developers who work with CSS code.Free CSS Toolbox includes a number of tools for fast-tracking and enhancing the development of style sheet code, such as an advanced CSS Formatter and CSS Validator.

CoffeeCup StyleSheet Maker

CoffeeCup StyleSheet Maker allows you to construct full-featured cascading style sheets, giving you full control of text placement, fonts, backgrounds, and more. You just have to change the tag definitions in the CSS file, because each Webpage will look to that file for reference in terms of how to set itself up. You’ll also be able to overlap text, create links that aren’t underlined, place image backgrounds in tables, and even create your own tags with the functions you assign them.

EngInSite CSS Editor

EngInSite CSS Editor is a fully integrated Cascading Style Sheets (CSS) development tool, designed to save your time and unleash your creativity.

CSSEdit

With CSSEdit, you see changes to your style sheet applied in real-time. Without saving. Without uploading. Without hassle. For any Web App or HTML file.

Jellyfish-CSS

Jellyfish-CSS is the most powerful stylesheet editor. With all the tools you need to make cool looking stylesheets.

snap{css}

snap{css} is an extremely light-weight, notepad-like application that allows css designers to easily edit their code in a familiar environment while having quick acccess to helpful features such as our beautify and collapse functions.

Simple CSS

Simple CSS allows you to easily create Cascading Style Sheets (CSS) from scratch, and/or modify existing ones, using a familiar point-and-click interface.

TopStyle

• TopStyle contains powerful tools for building standards-compliant web sites.
• Preview CSS while you write it.
• Easily create pleasant color schemes for your site.
• Style Checker validates your CSS syntax against multiple browsers.
• Use Site Reports to see at-a-glance where CSS styles are used in your site.
• Style Upgrade quickly replaces all outdated HTML code with equivalent CSS styling.

tsWebEditor

tsWebEditor is an editor for HTML, PHP, Perl, JavaScript, CSS and many other languages. It displays the source code colored (syntax highlight), code hint for functions, code completion (PHP, JavaScript, ASP, HTML), code browser, PHP debugger and syntax validation, help, CSS wizard, HTML tag editor, HTML syntax validation, and an easy to use SQL Designer.

cssed

cssed is a small developer editor and validator, that tries to ease the CSS editing. It is an Open Source project, it means that you can download the program but also its source.

via

Related Posts

• 2011/02/16 -- 5 Web-based CSS Tools (0)
• 2011/01/13 -- Top 10 FireFox Addons for Web Designers (0)
• 2010/08/04 -- PDF eBook: Teach Yourself Web Publishing with HTML and CSS in One Hour a Day Free Download (0)
• 2010/07/05 -- WordPress 3 Invoices: manage invoices for freelance web designers / developers (0)
• 2010/06/13 -- Top 15 Google Chrome Extensions For Web Developers (0)
• 2010/06/10 -- 10 Online Tools and Apps to Help Optimize and Format CSS (0)
• 2010/06/10 -- 10 Useful and Time-Saving CSS Grid-Layout Generators (0)
• 2009/08/20 -- Styleneat : CSS Organizer Tool (0)
• 2009/08/19 -- 15 Useful Testing Tools for Webmasters (0)
• 2009/08/19 -- CleanCSS : CSS Formatter and Optimiser (0)

The general idea of SlickMap CSS is to streamline the web design process by automating the illustration of sitemaps while at the same time allowing for the predevelopment of functional HTML navigation.

Features and Benefits

• Eliminates the need for additional software
• Easily revised with clients on-the-fly
• Clickable anchors with visible URLs
• Design process results in working HTML code

SlickMap CSS URL: http://astuteo.com/slickmap

Related Posts

• 2010/06/13 -- Top 15 Google Chrome Extensions For Web Developers (0)
• 2009/10/13 -- 14 Best CSS Editors You Should Know (0)