Category → Browser Tools

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.

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

Snatchy Script Font: A Beautiful Script Font with a Natural Feel - only 7!

Add a real natural, personal touch to your latest art project with Snatchy! This beautiful, handmade script font from Artimasa, sports a truly dynamic shape with an irregular ...

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

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.

PapaParse: In-browser CSV parser

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

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

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.

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