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.
Responsive Snakes! And what they can teach you about CSS 🐍
Let's talk about four responsive snake implementations, see how they were made and what they can teach us.
Read More
With the release of Safari 14 for macOS Big Sur, iPadOS 14, iOS 14, and watchOS 7, WebKit brings significant improvements to performance and privacy along with a host of new features for web developers.
Even if you have a lot of tabs open, you likely only focus on a small set of them to get a task done. Starting in this release, Chrome is actively managing your computer’s resources to make the tabs you care about fast—while allowing you to keep hundreds of tabs open—so you can pick up where you left off.
Libs & Tools & References
The world of static sites has grown beyond HTML, CSS, and occasional JS, and much of it is owed to static site generators.
Harold is a CLI tool that compares frontend project bundles in size.
The sneaky, surreptitious bug that React saved us from by using closures.
To understand template literal types, let's start with a seemingly simple question: what can't you type?
"Earlier today, I was briefly entertaining the idea of writing a library to wrap and enhance querySelectorAll in certain ways. I thought I’d rather not introduce a Parsel dependency out of the box, but only use it to parse selectors properly when it’s available, and use more crude regex when it’s not..."
"It will reference previous work, but mostly I am just going to show you the bare minimum you need to make a WCAG-compliant responsive HTML table."
Let's build a tiny browser-based office suite - a text editor, a spreadsheet, a drawing app, and a presentation maker - all in four lines of code.
For beginners
Azure Cloud Advocates at Microsoft are pleased to offer a 12-week, 24-lesson curriculum all about JavaScript, CSS, and HTML basics. Each lesson includes pre-and post-lesson quizzes, written instructions to complete the lesson, a solution, an assignment, and more.