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

Also, every Monday, I send my “3–2–1” newsletter with 3 hand-picked articles from me, 2 web development guides from others, and 1 Tweet of the week.

Try to join 2700+ web developers here 💫

Follow me to learn about Web Development. 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