Google Chrome Extensions for Web Designers and Web Developers

If you work in the field of application development, the browser is also a key tool for debugging and verification phase of you project. Once you have developed a website. Than website testing ensures that it works properly or at the level of design corresponds with the guidelines that you had initially set. Considering all these tasks, the Google Chrome web store (which, incidentally, has become the single official source of extensions) offers you a good number of Google Chrome extensions for web designers and web application developers. Brand Crux will review some Google Chrome extensions that will surely help you a lot in your web designing and development projects.

Drag Design is a curious extension for Google Chrome that offers users the ability to alter the design of a website by simply dragging elements and move them from site. The idea is that we can do tests on a real web design and modified on the fly to see how it is.

Remove and Combine CSS is another extension oriented world of web design, with this edition you can analyze the CSS of the web, and also remove concrete sections to combine them and make a custom CSS available to download, for example, as a basis for another project.

Color Contrast Analyzer is a very interesting extension to all who work in accessible websites, with this tool you can make an analysis of contrasting colors that have used the guidelines of WCAG 2.0 and see if the website is accessible to special persons with visual disability.

Joomla Version Check is a curious extension that will tell us the version of Joomla used by the website you are visiting, though, as long as it is based on Joomla. Perhaps, at first glance, it may seem that the extension provides little information, but the version of a CMS is important to know if what is obsolete or has potential vulnerabilities. In fact, the best we can do when we work with a CMS is to hide the version and hide this date from the visitors.

ColorPick Eyedropper is a plug-in for Google Chrome that enables you to inspect the color palette used in a web page. Just click on a colored area and get the hexadecimal code that defines the color.

Responsive Web Design Tester is an extension that undoubtedly worth installing for a professional web developer. With this extension you can try and emulate a website from Chrome, display different mobile devices to verify that the page is perfectly suited to all types of screens (along the lines of adaptive web design).

Another interesting extension to test a website with different screen sizes, is Browser Resize, thanks to this extension can configure and test various devices, from Chrome, how a website is displayed from an iPad or an iPhone.

JavaScript Errors Notifier is a good extension that checks if the website you are visiting is malformed JavaScript. The extension will alert by generating a list of various web failures.

Perfect Pixel is an extension that allows designers to superimpose on a website, an image with which to compare if the end result of a block "pixel by pixel" with the design sketch. It may also be interesting to test modifications or changes on a design already made.

Designer Tools is a complete extension for Google Chrome that offers a set of tools aimed at developers, end with that pixel measurement, for example it inspect the color palette of a given web.

Speed ​​Tracer gives an idea about the website loading time that will help us to further improve the loading time of a website.

Ruul is an interesting extension that can help to perform basic tasks, for example, verifying the design and layout of a website. This add-on to Google Chrome adds a rule that allows us to make measurements in pixels on a given web.