When I've needed to format numbers in JavaScript I usually used Number.prototype.toFixed() , found a 3rd party library, or manually manipulated the number to suite my needs. However, with modern browsers, there's a lot of really interesting capabilities you could start using with Number.prototype…

Continue Reading

Yesterday I launched a new newsletter for Front-End Web Development. The Manorisms newsletter contains relavent news, articles, videos, command line tips, things I'm learning, comics, and more. As a subscriber you'll also get first access to some of my newest content! NOTE: If you subscribe you…

Continue Reading

Thanks to Jhey Tompkins ( @jh3yy ) for the SVG mask tip when animating the ocean!

Continue Reading

Thanks Shawn Wang ( @swyx ) for suggesting red liquid to indicate dev styles.

Continue Reading

NOTE: This comic was created by Excalidraw (an open source project), exported as SVG, animated with CSS Animation , and supports prefers-reduced-motion . If you need an image version of the comic, there's a PNG available to download . You can find more developer comics like this from the pun…

Continue Reading

Current Application Here we have the beginnings of a React Terminal Dashboard. If we come to the terminal and kick off our app with npm start you'll see a sightly colored version displaying the date, current time and weather information. However, at this point everything is left aligned. So let's…

Continue Reading

Current Application Here we have the beginnings of a React Terminal Dashboard. If we run our application with npm start you'll see a box displaying the date, time, and the current weather. However, at this point things are pretty boring (other than the fancy ASCII art). So, let's do something…

Continue Reading

NOTE: This comic was created by Excalidraw (an open source project), exported as SVG, animated with CSS Animation , and supports prefers-reduced-motion . If you want to learn more about prefers-reduced-motion I recently made a video and post about it. This comic was inspired from a pun I…

Continue Reading

Fetching Logic Before The following code snippet is part of the React Terminal Dashboard that we are building in this series. So far, it only shows the time, date, and weather information. The point of this post is to extract out the weather fetching logic into it's own custom React hook instead of…

Continue Reading

For many years I used the moment.js library for parsing, manipulating, and formatting JavaScript dates and times. More recently I've started using the date-fns library instead. However, it's interesting to note that native browser capabilities are quite good these days when formatting dates and…

Continue Reading