Latest Posts

I write about front-end web development. I'm inspired by Nathan Barry's motto, teach everything you know. I also take a lot of inspiration from my friend and mentor, Chris Ferdinandi.

The screenshot tool in Firefox DevTools

Firefox DevTools has its own handy screenshot utility. You can use it to take a screenshot of the entire page or of a specific element only. There’s even a helper function for it in the JavaScript console!

How to stop an infinite loop in Chromium

If you’ve been programming for even just a little bit, you’ve undoubtedly executed an infinite loop by mistake. Chrome 67, released in April 2018, added the ability to stop an infinite loop in DevTools. Here’s how.

How to check the size of a gzipped file

Gzipping means compressing a file on your server and sending it down the wire in the compressed .gzip format. The browser then unzips it and serves the uncompressed file on the fly. As Chris Ferdinandi says, it reduces the size of your files by, on average, 70 percent. That’s huge!