Editor's Pick
What's new in ECMAScript 2024
The final version of ECMAScript 2024 Language Specification was approved on the 26th of June. The list of new JavaScript features is now confirmed, and to keep my annual tradition, I am publishing this yearly recap for you and my future self.
For curious ones, here are the posts from the past years: 2023, 2022, 2021, 2020, 2019, 2018, 2017 and 2016.
CSS
You can use text-wrap: balance; on icons
There's a new(ish) feature in CSS which allows you to set the way text is wrapped. Ordinarily, a long line of text might be split at an inopportune time.
But the name is, I think, slightly misleading. It doesn't only work on text. It will work on any content. So feel free to use text-wrap: balance; on any items which need to be balanced over multiple lines.
CSS Spring Easing Generator
A tool designed to intuitively generate spring animations for CSS linear(). Includes presets and customizable inputs for perceptual duration and bounce.
The Golden Ratio in CSS
The golden ratio, also called the golden number, golden proportion, or even the divine proportion, is a special relationship between two numbers that equals approximately 1.618.
In this tutorial, we'll re-create the Golden Ratio Diagram in CSS, using a few grid-declarations and some additional tricks.
JavaScript
What's new in ECMAScript 2024
The final version of ECMAScript 2024 Language Specification was approved on the 26th of June. The list of new JavaScript features is now confirmed, and to keep my annual tradition, I am publishing this yearly recap for you and my future self.
For curious ones, here are the posts from the past years: 2023, 2022, 2021, 2020, 2019, 2018, 2017 and 2016.
React Folder Structure in 5 Steps [2024]
Organizing large React applications into folders and files is a topic that often sparks strong opinions. I found it challenging to write about this, as there isn't a definitive "correct" approach. However, I frequently get asked how I structure my React projects, from small to large, and I'm happy to share my approach.
The Brilliant JavaScript Coder's Guidebook (GoodJsCode™)
Learn the best coding practices and standards for clean, efficient and quality JavaScript code that lasts long. You will get the essential to know, straight to the solution for writing better and cleaner code. It's a practical book. You won't have superfluous information. Just the important things.
Miscellaneous
I ❤️ JWTs (JSON Web Tokens)
JSON Web Tokens (JWTs) are at the same time one the most underused and the most misused technology in the world, so today, we are going to rectify that!
We are going to see how and when to use JWTs to improve the speed of your applications, but also, more importantly, when NOT to use JWTs and what are the the footguns to avoid.
Recruiter autoresponse
Based on the Medium Article entitled - "Career Advice Nobody Gave Me: Never ignore a recruiter" this repo has a copyable script which you can use to auto-respond to recruiters.
Smarter than 'Ctrl+F': Linking Directly to Web Page Content
Discover how text fragments revolutionize web navigation. Learn to link directly to specific text on any web page, surpassing traditional 'Ctrl+F' searches. Explore this powerful, user-friendly feature for precise content sharing and improved web experiences.
Introducing AI Assistance in Chrome DevTools
Introducing AI Assistance in Chrome DevTools, a new feature that brings AI-powered coding assistance to the familiar Chrome DevTools environment.