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 right tag for the job: why you should use semantic HTML
The key is to start out with the right tools for the job - or rather, the right tags for the job. In every website, underneath the layers of CSS, the bloated frameworks, the 45945 API calls, there’s good old HTML, and that’s the key to accessible websites. Specifically, semantic HTML.
Read More
News
The React team is excited to share a few updates: We’ve started work on the React 18 release, which will be our next major version. We’ve published a React 18 Alpha so that library authors can try it and provide feedback.
Libs, Tools & References
JavaScript is a great programming language, but thanks to the fact that its initial release was built in only ten days back in 1995, coupled with the fact that JS is backward-compatible, it's also a bit weird. It doesn't always behave the way you might think. In this quiz, you'll be shown 25 quirky expressions and will have to guess the output.
Articles
Let's investigate one of the most common web vulnerabilities: the Cross-Site Request Forgery (CSRF), that tricks unwary users by making them execute unwanted actions on other web pages that they are already authenticated.
"There weren’t as many web fonts to pick from when I started my freelance career in the early 2000s, still I was always overwhelmed by the number of fonts to choose from. With no formal education in design or typography, my choices were uninformed and limited."
When React was released in 2013, it immediately took the programming world by storm. React provided a way to build interactive UI components with ease while simultaneously managing state throughout the application. It’s the most popular JavaScript framework to date, and also one of the most in-demand. Thus, it’s no wonder that hundreds of open source libraries are created each year for React.
Did you know that you cannot condition React Hooks? Here is the reason why...
Having a consistent ratio between the width and height of images and other responsive elements is important. In CSS, we used the padding hack for many years, but now we have native aspect ratio support in CSS.
More and more websites are relying on JavaScript for the interactions they provide. Given these drawbacks, relying on solutions provided natively by browsers enables you to benefit at low cost from the expertise of the community creating web standards.
For beginners
Debouncing is the technique used to limit the number of times a function can be executed.
Inspiration