4 Useful Web Development Tools That Stay Under The Radar

Some of them save me hours

Featured on daily.dev

Subscribe to my newsletter and never miss my upcoming articles

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

4. Responsively

-1.png

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

Screenshot 2021-03-24 at 10.26.14.png

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: ./ngrok http 3000


2. {JSON} Placeholder

Screenshot 2021-03-24 at 10.30.03.png

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

Screenshot 2021-03-24 at 10.39.53.png

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 šŸ’«

Edidiong Asikpo's photo

I love the concept of starting from 4 to 1.

Also, Responsively seems really cool. I will check it out.

Nick Bull's photo

Thank you Edidiong!

Peter Singh's photo

I just downloaded Responsively, and wow, guess Ill be using this from now on.

Yavor Chanov's photo

I nominate also Postman.

Hasitha Pathiraja's photo

Just wanted to give you the heads up that there are several typos under the ngrok entry. It's spelled incorrectly both as "ngrock" and "ngorck".

Nick Bull's photo

Edited, thanks

Karina Pichardo's photo

Excited to try out Responsively! Thanks for this

Orangemn6's photo

You spelled ngrok wrong 3 times. Great article otherwise!