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.
Everything I googled in a week as a professional software engineer
In an attempt to dispel the idea that if you have to google stuff you’re not a proper engineer, this is a list of nearly everything Sophie googled in a week at work, where she is a software engineer with several years’ experience.
Read More
Libs & tools
This tool finds publicly known security vulnerabilities in a website's frontend JavaScript libraries
Articles
CSS variables usage tends to fall into categories. Of course, you’re free to use CSS variables however you like, but thinking of them in these different categories might help you understand the different ways in which they can be used.
There are so many things you can do with clipping paths. Mikael has been exploring them for quite some time and have come up with different techniques and use cases for them
The artful combination of HTML and CSS is a tried-and-true solution for creating simple graphics like notification badges and arrows. Anything more complex can result in a mess of nested div elements and mile-long CSS rules.
SVG is here to help.
Viewport units in CSS sound great. If you want to style an element to take up the full screen height, you can just set height: 100vh and voila - you have a perfect fullscreen element, which resizes as the viewport changes! Sadly, this is not the case. 100vh is broken in a subtle but fundamental way on mobile browsers that makes it nearly useless.
Finding, memorizing, and typing OTPs sent via SMS is cumbersome. The SMS Receiver API simplifies the OTP workflow for users.
While there wasn’t a single update as big as the 2016 responsive update, Gmail’s updates have been adding up.
For beginners
A JavaScript naming conventions introduction by example - which gives you the common sense when it comes to naming variables, functions, classes or components in JavaScript. No one is enforcing these naming convention rules, however, they are widely accepted as a standard in the JS community.
Hello from the server side
Create Next App sets up a modern React application powered by Next.js in one command.
Demo