What's going on in < / > world
"Easy is boring. That's why I love the web and browsers." - Remy Sharp

Hello, you're reading Infinum Frontend Cookies, bringing you the latest JavaScript and CSS related news straight to your inbox every week.
Index fun
Elements on web pages are mostly side-by-side, or above and under each other. Occasionally however, a design calls for two or more elements to overlap.
Read More
Libs & tools
Run your tests using Jest & Puppeteer 🎪
Articles
The famous JPL's Power of 10 rules apply mostly to C and compiled languages, however with a little thinking we can also understand how to use them in interpreted languages.

Making your JavaScript-powered web applications discoverable via Google Search can help you find new users and re-engage existing users as they search for the content your web app provides. While Google Search runs JavaScript with an evergreen version of Chromium, there are a few things that you can optimize.
n this article, we'll be taking a look at the structure inside color input elements, browser inconsistencies, why they look a certain way in a certain browser, and how to dig into it. 
You can't position: sticky; a <thead>. Nor a <tr>. But you can sticky a <th>, which means you can make sticky headers inside a regular ol' <table>. This is tricky stuff, because if you didn't know this weird quirk, it would be hard to blame you.
Algebraic Effects are a research programming language feature. This means that unlike if, functions, or even async / await, you probably can’t really use them in production yet.
For beginners
Margins in CSS seem simple enough at first glance. Applied to an element it forms a space around the element, pushing other elements away. However, there is more to a margin than you might think.
Spec of the week
In this post, we look at private fields, a new kind of private slot in instances and classes. 
Demo
Articles are great for displaying secondary content. They are attention grabbers but not to the extent of Billboards or Tabloids. Articles are commonly used to show a list of items.