4 Useful Web Development Tools That Under The Radar

Some of them save me hours

Here are four tools that you probably don’t know about, but that can save you hours.

4. Responsively

Responsively replaces the device toolbar in the Chrome dev tools for me. You can preview all target screens in a single window side-by-side.

3. ngrok

I use ngrok for an instant preview of my work. Just one line command and secure URL is created to my localhost server through any NAT or firewall.

Example of usage: ./ngorck http 3000

2. {JSON} Placeholder

When you prototyping an app but don’t have a backend yet, you can use a JSON placeholder. Free fake API for testing and prototyping.

Example of usage:

fetch('https://jsonplaceholder.typicode.com/posts/1')
.then((response) => response.json())
.then((json) => console.log(json));

Output:

{
id: 1,
title: '...',
body: '...',
userId: 1
}

1. iHateRegex

I don’t know anyone who:

  1. Know regex to 100%.
  2. Love regex.

And the website name just only confirms it.

iHateRegex is a cheatsheet for regular expressions. If we count the amount of time this cheat sheet saved me, it would be months.

Happy coding,

Nick

If you like this article you need to know that every Monday, I send a letter to 4,000+ Web Developers with 3 hand-picked articles from the tech world, 2 web development guides, and 1 best Tweet of the week

“Your newsletter is f**king awesome, really Nick. It gives me a great start to the week with a lot of great knowledge.”

Join smart developers who get short and full of knowledge letters for free here.

Follow me to learn about web development + tech. More insights here: https://twitter.com/nickbulljs

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store