Clik here to view.
SlimerJS: Scriptable browser for devs
SlimerJS makes it possible to manipulate a webpage using JavaScript. It’s useful for doing function tests, page automation, network monitoring, and more.
View ArticleClik here to view.
Emmett LiveStyle: Bi-directional code editing
Emmett LiveStyle lets you see instant updates between your browser and text editor as you type. It currently works with Google Chrome, Safari, and Sublime Text.
View ArticleClik here to view.
SecurityHeaders.com: See how secure your site’s headers are
SecurityHeaders.com checks your website’s headers to see just how secure they are. Then it tells you where you can make improvements based on the recommendations of security experts.
View ArticleClik here to view.
Clockwork: A Chrome PHP devtools panel
If you develop PHP and use Chrome, then check out the Clockwork Chrome extension. It provides a new panel with all kinds of useful debugging and profiling information, including info on GET and POST...
View ArticleClik here to view.
Object Playground: Visualize and experiment with JavaScript objects
Object Playground is a visualization and experimentation tool for JavaScript objects. It works right in your browser and is easy to use.
View ArticleClik here to view.
Batman.js Devtools: Chrome developer utilities for Batman.js
If you work with Batman.js, this Batman.js Devtools Chrome extension is an invaluable tool. It includes a variety of tools useful for developing with Batman.js right in your browser.
View ArticleClik here to view.
localForage: Improved offline storage
localForage improves your web app’s offline experience via asynchronous storage. It has fallbacks that make it compatible with every browser, though asynchronous storage is used for virtually all...
View ArticleClik here to view.
Dimensions Toolkit: Responsive website testing tools
The Dimensions Toolkit offers useful tools for testing your responsive website designs, with custom and default break points, resizable dimensions, and more. It’s available as both a Chrome extension...
View ArticleClik here to view.
Bragi: JavaScript logging in your browser
Bragi is a browser tool for JavaScript logging, designed for Chrome (but at least somewhat compatible with other browsers). It includes colors, custom log levels, and server reporting functionality.
View ArticleClik here to view.
Gradient Inspector: Inspect CSS gradients in Chrome
Gradient Inspector is an extension that adds the ability to inspect the gradient of elements to Chrome’s Developer Tools. You can even toggle each gradient individually.
View ArticleClik here to view.
UX Check: Heuristic evaluation of your user experience
UX Check is a Chrome Extension that makes it easier to identify usability problems using heuristic evaluation. It uses Nielsen’s 10 heuristics, along with tools for identifying, annotating, and...
View ArticleClik here to view.
BrowserSync: Syncrhonized browser testing
BrowserSync makes it easy to implement synchronized browser testing, complete with URL history, remote inspector, and more. It makes tweaking and testing faster by synchronizing file changes across...
View ArticleClik here to view.
HTMLHint: Static code analysis tool
HTMLHint is a static code analysis tool for HTML. It’s easy to use, just copy and paste in your code and specify what you want hints based on.
View ArticleClik here to view.
Guides.js: Toggleable grid guidelines
Guides.js is a grid that you can toggle on and off to make designing in the browser easier. All you have to do is press the “g” key to turn the grid on or off.
View ArticleClik here to view.
PapaParse: In-browser CSV parser
PapaParse is an in-browser multi-threaded CSV parser that includes header row support and type conversion. It can also skip commented lines, has graceful error handling, and can open local files or...
View ArticleClik here to view.
Resizr: Test your responsive sites
Resizr makes it easy to test your responsive website designs. Just load the URL and choose the devices and orientation you want to test to see results.
View ArticleClik here to view.
Transformy.io: Transform whole lists
Transformy.io lets you transform your lists. Just paste the lines you want to transform and then type in just a single example of the format you want to transform them to.
View ArticleClik here to view.
CSS Dig: Analyze your CSS in new ways
CSS Dig is a Chrome extension that lets you analyze your CSS in new ways. Easily view your CSS properties, or find potential problems with your selectors and specificity.
View ArticleClik here to view.
RulersGuides.js: Enable Photoshop-like guides on a web page
RulersGuides.js lets you enable Photoshop-like guides on any web page. It comes as a bookmarklet, so it’s easy to implement, and it includes simple keyboard controls.
View ArticleClik here to view.
Show me the React: See React components on any page
Show me the React is an extension that shows you all the React components on a given page. It’s available for Chrome or Firefox.
View Article