Nick Bull Blog

Nick Bull Blog

4 Useful Web Development Tools That Stay Under The Radar

4 Useful Web Development Tools That Stay Under The Radar

Some of them save me hours

Featured on daily.dev

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

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.

#web-development#frontend-development#developer-tools#software-development#general-advice
 
Share this