Here's 2 ways to position the underline in text. The easiest way is to use text-underline-offset. Another way is to put the text in a <span> or <div> and use padding-bottom and border-bottom....

Say you got this design and it's exactly the same for different routes. A real world example of this is when we implemented AMP on mamamia.com.au. The only difference between the AMP and non-AMP...

This post is not a tutorial but just an account of what I did. For each website that was moved to a new webhost there is a high level list of things that were done.

Let's look at how to find an item in an array of objects if we know one of the object's properties.

Today let's see how we can refactor an accessible hamburger button using Vue.

In the thing I'm currently working on at Mamamia, the content for the page is coming from a WYSIWYG editor. The section of the page where it appears has a title that is planned to be hardcoded in to...

As far as I know, there wasn't any way to dynamically change the CSS properties of pseudo-elements. Now that CSS custom properties are supported in the latest browsers, there are two ways in which...

Maybe you have heard that "eval is evil?" If you haven't take a few minutes to read <a href="https://humanwhocodes.com/blog/2013/06/25/eval-isnt-evil-just-misunderstood/">eval() isn't evil, just...

Several years ago I was tasked with making a font resize function for a website I was working on. At that time I made it in jQuery. That version can be seen on codpen Font Resizer

I enjoy the challenge of making single div things using just CSS to make it. Over the past few years I made a few country flags.