Past issues Subscribe

May 18 2021

A Primer On CSS Container Queries

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.
A Primer On CSS Container Queries
A prototype of the long-awaited CSS container queries has landed in Chrome Canary and is available for experimentation. Let’s look at what problem is being solved, learn how container queries work, and see how they compare with and complement existing CSS features for layout.
Read More
Infinum Academy
Infinum Academy is a free 5-week summer programming course for students. Choose one of the 5 courses, learn from Infinum and Porsche Digital Croatia's best developers and get a chance to build your very own app. Apply by May 31! Infinum Academy is intended for Croatian students and will be held in Croatian.
Apply
News
"Before we dive into updates, let’s check in on the Angular journey. A vital key to Angular’s future is Ivy and what it unlocks for the platform. We have been working over recent releases towards the goal of converging the Angular ecosystem on Ivy. We like to call this approach “Ivy Everywhere”"
The CSS property inset is a new shorthand for top, right, bottom and left. Today I found out that Safari supports it starting with 14.1, which means that the CSS property is now supported across all major browsers.
Articles
"I wondered what I was missing by never learning HTML in a comprehensive way. Forget CSS and JavaScript. I’m just talking about raw HTML. It might seem silly to go back to such a basic aspect of web development after a decent amount of experience, but it’s easy to become overconfident with a skill just because you know enough to do a few useful things."
"CSS had seen a number of milestones in the last 5 years, and we are so much better equipped to build layouts today. When I take a moment to look back, I find myself appreciating all the work done to push CSS forward even more. With the DevTools updates that came out last month, I’ve decided to revisit my favourite demo once again: CSS grid in vertical writing mode"
This article showcases a case study of Bookaway’s landing page performance. We’ll see how taking care of the props we send to Next.js pages can make loading times and Web Vitals better.
React has become one of the most popular front-end frameworks. We’ll explore the top 10 mistakes React developers make and how to fix them.
"I used to swear by Vue — then, I realized what all the rage was about. And it has nothing to do with popularity..."
Hello from the server-side
Using JWTs for tokens add some neat properties and make it possible in some cases for your services to be stateless, which can be desirable property in some architectures.
Adopting them comes with drawbacks. You either forego revocation, or you need to have infrastructure in place that be way more complex than simply adopting a session store and opaque tokens.
For beginners
In the current world of ubiquitous computing and an industry-wide desire to improve company and product diversity and inclusion, there’s no longer an excuse to not invest in web accessibility. That being said, getting started in web accessibility can be a daunting task. It’s hard to know where to start and what you can do right now to improve your product!
Inspiration
 

Previous Issues

Load More