About Me

How to create a downloadable image from an HTML5 canvas.

Do you want to save your HTML5 canvas as an image on your computer? In this blog post, we'll show you how to use the toDataURL method to create a downloadable image from the canvas.

How to truncate multiline text with ellipsis in CSS (line-clamp).

This post we'll talk about how to truncate multiline text with ellipsis in CSS using the line-clamp property.

How To Properly Handle Errors in Promise.all?

Promise.all is an awesome way to handle multiple promises in parallel. Here are some gotachas while handling errors with Promise.all?

How to get scroll snap effect using css.

Getting that clean snapping effect on your web applications has never been easier with the new css scroll-snap property.

How to prevent child elements from scrolling parent elements.

This post we'll talk about how to prevent a child element from scrolling the parent element once it's hit the child elements bottom. This behavior is also known as scroll-chaining.

localStorage vs sessionStorage?

Because Local Storage and Session Storage are both part of the Web Storage API there tends to be some confusion of when to use one or the other. This post explains the differences between the two and how and when to use them.

Should I learn HTML and CSS before JavaScript?

Starting your journey as a web developer can be extremely overwhelming. A very common question among newcomers is: 'Should I learn HTML and CSS before JavaScript'? If you're asking yourself this question, this post should help point you in the right direction.

Centering items in css grid.

This post we'll talk about how to center and align-items using CSS grid.

Format a phone number input while typing in Javascript.

Learn how to build phone number input that formats and validates user input from scratch using Javascript.

How to overlay divs without absolute positioning it.

A common task while styling HTML is overlaying two divs. The job could be overlaying some text over an image, or popping a modal over the top of an overlay. In this post, we'll cover how to accomplish overlaying two divs without having to use `position: absolute.

What is an unhandled promise rejection?

Promises aren't the most straight forward concept in Javascript. A common confusing error is the unhandled promise rejection.

How to make responsive layouts in css (CSS GRID).

The new css grid module makes building responsive layouts easier then ever.

Format a US SSN input while typing with ReactJS.

Learn how to build an input that formats and validates an SSN using ReactJS.

Format a US SSN input while typing with Javascript.

Learn how to build an input that formats and validates an SSN using Javascript.

Format a phone number input while typing. (React JS).

Learn how to build phone number input that formats and validates user input using React JS.

How to reorder elements using css (CSS GRID).

Learn how to make those tricky responsive layouts that switch the order of divs for mobile and desktop views trivial and easy.

Validate multiple fields using yup.

How to validate multiple form fields using yup.

How to make a background-image responsive?

Making a background image isn't as straight forward as it sounds. Luckily the padding-bottom hack makes this task super easy.

9 ways to be a better programmer.

Here are 9 ways that you can become a better programmer

Bubble sort example using Javascript.

A breakdown of bubble sort using Javascript. We'll talk about the brute force method and then how to optimize it.