1. CSSViewer

What if you want to see CSS parameters of any specific element in a web page, it’s where CSSViewer comes in. You can disable or enable it by simply clicking the toolbar icon.

2. Code Cola

Code Cola is a chrome extension to editor online pages’ style visibility. It helps visual designer, interactive designer, web site operator and other peoples modify the online pages quickly and easily.

3. Live CSS Editor

If you want to see the immediate results while you are changing the CSS, this extension provides a text box on any HTML page so that you can write CSS freely and preview the results.

4. CSS Reloader

CSS Reloader is a chrome extension that allows you to reload CSS without reloading the whole page.

Here are the 6 must have Google chrome extensions.

1. Chrome SEO

The Google Chrome SEO Extension provides easy access to Search Engine Optimization Tools that can help you with Competitive Analysis, Keyword Research, Backlink Checks, PageRank Checks and other daily SEO tasks.

2. SEO Site Tools

Using this chrome extension you can check On-Page / External metrics, Social Media info, PR / numbering on Yahoo, Bing, Google SERPs.Extends WMT, YSE and GA with metrics.

3. SEO & Website Analysis

SEO report is an extension for Google Chrome™ done by WooRank that provides a very deep SEO report for any given website.

4. SEO Status Pagerank/Alexa Toolbar

SEO Status is lightweight. It will check the Google Pagerank (PR) & Alexa rank for every page. Using this will increase your Alexa.

5. SeoQuake

Displays the Google PageRank, Alexa rank and other SEO parameters of any webpage, highlights nofollow links, text density, check and compare urls.

6. Keyword Eye

The tool will return keyword ideas for a keyword or URL in a cloud format where search volume is indicated by the size of the keyword and competitiveness by colour.

Here is the list of tools:

PHP Debugging Tools

1. Gubed PHP Debugger

Gubed is a cross platform program to debug PHP scripts.

2. PHP Debug

The basic purpose of PHP_Debug is to provide assistance in debugging PHP code, by “debug” i don’t mean “step by step debug” but program trace, variables display, process time, included files, queries executed, watch variables.

3. DBG

DBG is a a full-featured php debugger, an interactive tool that helps you debugging php scripts.

4. PHP Dyn

PHP Dyn is PHP Extension to help debugging a PHP script.You can get execution trace of scripts not to need change them.HTTP request parameter can be printed.Argument value of the function call and return value can be printed.

5. Xdebug

The Xdebug extension helps you debugging your script by providing a lot of valuable debug information.

5. Webgrind

Webgrind is an Xdebug profiling web frontend in PHP5. It implements a subset of the features of kcachegrind and installs in seconds and works on all platforms.

6. MacGDBp

Debugging a live, running PHP application has never been so easy. It’s a live PHP debugger application for the Mac OS.

7. Advanced PHP Debugger

APD is a full-featured profiler/debugger that is loaded as a zend_extension. It aims to be an analog of C’s gprof or Perl’s Devel::DProf.

How To Debug PHP Code

How to Debug PHP Using Firefox with FirePHP

This article shares an elegant, simple, and more maintainable way of debugging Ajax apps via the web browser (more specifically for the Mozilla Firefox browser). You’ll learn the basics of leveraging Firefox in conjunction with Firebug and FirePHP to implement FirePHP libraries on web apps and logging messages in the Firebug console.

How to Debug in PHP

This article breaks down the fundamentals of debugging in PHP, helps you understand PHP’s error messages and introduces you to some useful tools to help make the process a little less painful.

Debugging PHP using Eclipse and PDT

Use XDebug or Zend Debugger to boost your productivity when fixing bugs in PHP applications.

Debugging PHP with Xdebug

The Xdebug is the extension for PHP that helps debugging PHP scripts by providing a lot of valuable debug information. The debug information includes stack traces and function traces in error messages, memory allocation and protection for infinite recursions.

Debug PHP with DBG Wizard

You can easily debug PHP with PhpED’s PHP Debugger. Setting up your system to debug php scripts can be tricky but PhpED’s Settings Wizard can take care of the majority of the debugging configurations.

You have to make sure you opt for the best php hosting for your website.

Here, we have compiled a list of 15 most useful and best Chrome extensions for web developers and designers. Don’t hesitate to try all of them and if you already have used any of it don’t forget to share your experience with us.

1. 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.

2. Eye Dropper

Eye Dropper and Color Picker extension which allows you to pick color from any webpage or from advanced color picker.

3. 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.

4. Chrome SEO

The Google Chrome SEO Extension provides easy access to Search Engine Optimization Tools that can help you with Competitive Analysis, Keyword Research, Backlink Checks, PageRank Checks and other daily SEO tasks.

5. Pendule

Pendule displays linked and embedded style sheets of the current page in a new tab.

6. Aviary Screen Capture

Take a screenshot of any webpage and edit it directly in your browser with Aviary.com applications. Plus convenient access to the Aviary website and tools.

7. Resolution Test

Resolution Test changes the size of the browser window for developers to preview their 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. PlainClothes

This extension styles — or rather “unstyles” — the web. 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. Snippy

Snippy allows you to grab snippets of web pages, save them for future use and upload them to Google Docs.

10. FlashBlock

Flashblock is an extension for the Google Chrome that 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.

11. IE Tab

Use Internet Explorer to display web pages in a Chrome tab. Some sites can only be displayed using IE, and with this extension you can now see those sites without leaving Chrome.

12. Validity

Validity can be used to quickly validate your HTML documents from the address bar.

13. 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.

14. MeasureIt!

Draw out a ruler that will help you get the pixel width and height of any elements on a webpage.

15. LastPass

LastPass is a free online password manager and Form Filler that makes your web browsing easier and more secure.