JavaScript has been around since 1995. In that time there have been several different ways to create modules. Due to browser compatibility issues and legacy codebases, all of these module types are still in use today. What is a module? A module is so...
Tailwind CSS is awesome. Animations are awesome. So let's combine them! It's really easy to define your own custom animations with Tailwind. Quick CSS animation refresher A CSS animation is defined by creating a set of keyframes. These keyframes defi...
ES2015, also known as ES6, added lots of new things to the JavaScript language. One very useful addition was the Map. Map allows you to map keys to values. Couldn't we already do that? You might be thinking - we already could map keys to values in J...
All the cool kids may be using CSS Grid now, but there are still plenty of scenarios where Flexbox does exactly what you need. This article will give an introductory look at what you can do with Flexbox. What is Flexbox? Flexbox is the more commonly ...
Custom elements have pretty good browser support. Of course, they aren't supported in Internet Explorer, but that shouldn't surprise anyone. If you don't need to support Internet Explorer 11, you can absolutely use Custom Elements today, as they are ...
In the process of writing Emoji Button, my plain JavaScript emoji picker (which turns one year old tomorrow, August 29th!), I have learned a lot about emojis! Hopefully someone out there will find this information useful, or at least interesting. Emo...