Past issues Subscribe

Jan 12 2021

The Art of Building Real-life Components

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.
The Art of Building Real-life Components

A walkthrough on building a component with HTML & CSS in details.
Read More
Libs, Tools & References
These are the 60 most interesting and useful developer tools from the past year.
Articles
"The React Core team places importance on doing the right thing in the right way. And sometimes, that means being patient with each other when pushing through a dip, be it emotional or technical. It means asking for assistance and second opinions rather than trying to do everything alone. It means having faith that just because you aren’t shipping, doing, releasing doesn’t mean you aren’t providing value."
Native smooth scrolling is one more example of standards paving the cow path by declaring a wide-spread practice officially a thing: being able to smoothly scroll the viewport to another part of a page without the user losing their orientation. As good as it is, though, it also has an undesired side effect on the browser's built-in page search. This post shows what the problem is and how to solve it.
"If there’s one thing I’d like readers to take away from this post it’s that font-display: swap is a very good option for users with a fast internet connection. But its infinite swap period could be frustrating for users on very slow and unstable connections."
A resilient take on a flag component using CSS Grid. A flag is similar to the ubiquitous media object, but with a more nuanced alignment.
For beginners
A common request of people is to be able to control the speed of an audio/video recording. Luckily enough, using basic HTML5 and JavaScript, this is not that hard to achieve.
Hello from the server-side
"In this tutorial, we are going to learn ways to secure our Node.js application. Let’s dive in."
Topic of the week: 2021
"In this post, I'll outline 8 image loading optimization techniques to minimize both the bandwidth used for loading images on the web and the CPU usage for image display."
Where is front-end development heading in 2021? Jay Freestone examines trends and technologies that will shape web development this year.
The current status of the PWA platform, abilities, compatibility, app store distribution, PWA market share, and more insights about the state of the platform.
Inspiration

Previous Issues

Load More