Category → Browser Tools

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.

Video Course: Learn Version Control with Git

Working as a team between programmers is critical for websites, particularly the larger a company is. But even if you're just a 1-man show, using version control can ...

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

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

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.