15 Google Chrome Extensions (Plugins) for Web Development and Design
Featured, Technology Tuesday, February 9th, 2010The web developer community goes bonkers on anything that Google does. So when Google launched Chrome browser, everyone started switching to it. Chrome is a great browser, but, developers had to go back to good old Firefox when it came to their day-to-day work. Why? Because Chrome did not have plugins that they need while developing and designing websites and applications. Not anymore! Here are 15 cool Chrome extensions (plugins) from developers for developers.
1. Firebug for Google Chrome – The great Firefox plugin’s counterpart for Google Chrome. It is still an early version and not all features of Firebug are available; for example, the current version, Firebug Lite 1.3.0 beta, does not have the JavaScript debugger.
2. Pendule – Set of developer tools for Chrome built on the lines of Firefox Developer toolbar. Allows working with Stylesheets, Forms, Images, HTML etc.
3. HTML Validator – Validates the code of the web page using W3C validator. It works with the pages stored locally also.
4. JavaScript Console – As the name suggests, it is a JavaScript console for Google Chrome that allows for simple JS prototyping.
5. JavaScript Tester – Lets you run and test JavaScript code’s performance with just one click or keyboard shortcut.
6. Speed Tracer – A tool from the Google team that visualizes several metrics while the application runs. It helps in identifying and fixing performance issues caused by several factors such as JavaScript execution, XMLHttpRequest callbacks etc.
7. View Selection Source – Does what its name says; lets you view the selection source in a popup.
8. Live Editor – A live HTML editor that allows for editing right within Chrome.
9. Lorem Ipsum Generator – An extension for Chrome that generates the lovely Lorem Ipsum text.
10. BuiltWith Technology Profiler – BuiltWith profiles a website and provides some fantastic information such as what platform, analytics service, ad network, framework the website is using. The Chrome extension brings all that information without the need to visit their site.
11. Resolution Test – Lets you test web pages in different preset screen resolutions and also allows for setting custom resolution.
12. Eye Dropper – An eye dropper and color picker tool available as Chrome extension.
13. PHP Documentation – One-click PHP documentation search from the documentation and manuals available on PHP.net.
14. Ruby Documentation – Provides quick access to Ruby 1.9 documentation.
15. Umbraco Developer Extension – A Chrome extension for Umbraco Developers.
Just a note, all these extensions are still under heavy development. Please go through the details before using.
Short URL: http://www.betadaily.com/?p=5352
Posted by Vikrant
on Feb 9 2010. Filed under Featured, Technology.
You can follow any responses to this entry through the RSS 2.0.
You can leave a response or trackback to this entry
A nice colorPicker / eye dropper / DOM manipualtion tool as extension for chrome:
https://chrome.google.com/extensions/detail/jegimleidpfmpepbfajjlielaheedkdo?hl=en
Cheers Pit
New website for Chrome Extensions Developers !!
http://www.ginyas.com
The Service we give:
- we give developers few lines of code to add to their chrome extensions and by that to start making money from affiliate coupons commissions.
- like AdSense only for Chrome Extensions!
- our users will be able to see full reports on how many active users they have and how much money they make every day.
- We give each new customer 15$ to his account upon registration.
PHP Console – Display PHP errors/debugs in Google Chrome console or by notification popups:
https://chrome.google.com/extensions/detail/nfhmhhlpfleoednkpnnnkolmclajemef
JavaScript Errors Notifier – Notify about JavaScript errors by icon in address bar:
https://chrome.google.com/extensions/detail/jafmfknfnkoekkdocjiaipcnmkklaajd
Compatibility Detector extension – Scan for potential incompatible issues on a web page, for popular desktop browsers(IE, Firefox, Chrome, Opera, etc):https://chrome.google.com/webstore/detail/fcillahbnhlpombgccogflhmgocfifma
I am searching for the tutorial of chrome extension development, i read the tutorials of google, it too didn’t help me, i need tutorials for php. where can i find.