Designing websites for bad performance
There was once a farmer who wanted his chickens to lay more eggs. His friend, a physicist, said - "I can give you a solution for your problem if you have a spherical chicken kept in vacuum" Looking at performance problems in the real world often reminds me of this scenario.
https://calendar.perfplanet.com/2024/designing-websites-for-bad-performance/
There was once a farmer who wanted his chickens to lay more eggs. His friend, a physicist, said - "I can give you a solution for your problem if you have a spherical chicken kept in vacuum" Looking at performance problems in the real world often reminds me of this scenario.
https://calendar.perfplanet.com/2024/designing-websites-for-bad-performance/
11 JavaScript Fundamentals for Vue Developers
Start at the Basics With the advent of AI and some tech-ed influencers, there seem to be...
https://dev.to/nerajno/11-javascript-fundamentals-for-vue-developers-42a1
Start at the Basics With the advent of AI and some tech-ed influencers, there seem to be...
https://dev.to/nerajno/11-javascript-fundamentals-for-vue-developers-42a1
New Front-End Features For Designers In 2025
Searching for the most flexible front-end workflows and toolkits, it’s easy to forget how powerful some of the fundamentals on the web have become these days. This post is a journey through new front-end features and what they are capable of.
https://www.smashingmagazine.com/2024/12/new-front-end-features-for-designers-in-2025/
Searching for the most flexible front-end workflows and toolkits, it’s easy to forget how powerful some of the fundamentals on the web have become these days. This post is a journey through new front-end features and what they are capable of.
https://www.smashingmagazine.com/2024/12/new-front-end-features-for-designers-in-2025/
Top JavaScript Frameworks and Libraries to Watch in 2025
Explore the world of JavaScript at our blog, your ultimate resource for guides, tutorials, and articles. Uncover the latest insights, tips, and trends.
https://jsdev.space/js-frameworks-libs
Explore the world of JavaScript at our blog, your ultimate resource for guides, tutorials, and articles. Uncover the latest insights, tips, and trends.
https://jsdev.space/js-frameworks-libs
Upgrade from Angular 11 to 18
Describing of the process of migrating an application from Angular 11 to Angular 18.
The author emphasizes the importance of regular updates to maintain compatibility with future versions and explains that the Angular team releases major updates every six months, with each version supported for 18 months.
There are steps and recommendations for a successful upgrade to the new framework version, including dependency updates and adaptation to new features.
https://medium.com/@patrick1729/migrating-from-angular-11-to-angular-18-7274f973c26f
Describing of the process of migrating an application from Angular 11 to Angular 18.
The author emphasizes the importance of regular updates to maintain compatibility with future versions and explains that the Angular team releases major updates every six months, with each version supported for 18 months.
There are steps and recommendations for a successful upgrade to the new framework version, including dependency updates and adaptation to new features.
https://medium.com/@patrick1729/migrating-from-angular-11-to-angular-18-7274f973c26f
CSS is Emotional: The Psychology of Specificity
In the ever-cascading world of CSS, few concepts trigger as much emotional response as specificity....
https://dev.to/eioluseyi/css-is-emotional-the-psychology-of-specificity-3447
In the ever-cascading world of CSS, few concepts trigger as much emotional response as specificity....
https://dev.to/eioluseyi/css-is-emotional-the-psychology-of-specificity-3447
TypeScript Generics: A Complete Guide
Learn how TypeScript Generics can make your code reusable, flexible, and type-safe. Explore practical examples and best practices.
https://www.syncfusion.com/blogs/post/typescript-generics-guide
Learn how TypeScript Generics can make your code reusable, flexible, and type-safe. Explore practical examples and best practices.
https://www.syncfusion.com/blogs/post/typescript-generics-guide
React is finally going to handle View Transitions first-class
This will provide the opt-in for using View Transitions in React.
https://github.com/facebook/react/pull/31975
This will provide the opt-in for using View Transitions in React.
https://github.com/facebook/react/pull/31975
Transitions only trigger for async updates like startTransition, useDeferredValue, Actions or <Suspense> reveali...
View
View
Web Development Trends in 2024: A Shift Back to Simplicity
We look at five web development trends of 2024, including a return to simplicity for frontend devs, AI code tools, web components, and more.
https://thenewstack.io/web-development-trends-in-2024-a-shift-back-to-simplicity/
We look at five web development trends of 2024, including a return to simplicity for frontend devs, AI code tools, web components, and more.
https://thenewstack.io/web-development-trends-in-2024-a-shift-back-to-simplicity/
The New Stack
Web Development Trends in 2024: A Shift Back to Simplicity
We look at five web development trends of 2024, including a return to simplicity for frontend devs, AI code tools, web components, and more.
JavaScript Benchmarking Is a Mess
Design decisions core to JavaScript have caused a multitude of problems for benchmarking. Is there a solution to this?
https://byteofdev.com/posts/javascript-benchmarking-mess/
Design decisions core to JavaScript have caused a multitude of problems for benchmarking. Is there a solution to this?
https://byteofdev.com/posts/javascript-benchmarking-mess/
Experiment: Automatically trigger a View Transition when a JavaScript Property of an Element changes
Tricking a MutationObserver into observing changes to IDL attributes by syncing the IDL attributes to their Content Attribute counterparts.
https://www.bram.us/2024/12/25/experiment-automatically-trigger-a-view-transition-when-a-javascript-property-of-an-element-changes/
Tricking a MutationObserver into observing changes to IDL attributes by syncing the IDL attributes to their Content Attribute counterparts.
https://www.bram.us/2024/12/25/experiment-automatically-trigger-a-view-transition-when-a-javascript-property-of-an-element-changes/
Don’t Let Your Redesign Ruin Performance: A Case Study
It's a shame that so many redesigns end up slowing down the site or dropping conversions. How to prevent this? In this text, based on one of our successful projects, you will get a framework for web redesign management.
https://calendar.perfplanet.com/2024/dont-let-your-redesign-ruin-performance-a-case-study/
It's a shame that so many redesigns end up slowing down the site or dropping conversions. How to prevent this? In this text, based on one of our successful projects, you will get a framework for web redesign management.
https://calendar.perfplanet.com/2024/dont-let-your-redesign-ruin-performance-a-case-study/
Preloading fonts for web performance with link rel=”preload”
A collection of bad practices in HTML, copied from real websites.
https://htmhell.dev/adventcalendar/2024/25/
A collection of bad practices in HTML, copied from real websites.
https://htmhell.dev/adventcalendar/2024/25/
JSNation and React Summit 2024 US Participation Report
Hello, I’m @tanasho, a Software Engineer at Mercari. I typically work on developing Mercari Hallo. At Mercari, we have a
https://engineering.mercari.com/en/blog/entry/20241226-jsnation-reactsummit-2024-us-participation-report/?ref=dailydev
Hello, I’m @tanasho, a Software Engineer at Mercari. I typically work on developing Mercari Hallo. At Mercari, we have a
https://engineering.mercari.com/en/blog/entry/20241226-jsnation-reactsummit-2024-us-participation-report/?ref=dailydev
Mercari
JSNation and React Summit 2024 US Participation Report
Hello, I’m @tanasho, a Software Engineer at Mercari. I typically work on developing Mercari Hallo. At Mercari, we have a
The underrated <dl> element
A collection of bad practices in HTML, copied from real websites.
https://htmhell.dev/adventcalendar/2024/26/
A collection of bad practices in HTML, copied from real websites.
https://htmhell.dev/adventcalendar/2024/26/
The search input: They almost got it right
A collection of bad practices in HTML, copied from real websites.
https://htmhell.dev/adventcalendar/2024/24/
A collection of bad practices in HTML, copied from real websites.
https://htmhell.dev/adventcalendar/2024/24/
What is an AnimationFrame and what can it tell you?
Modern web applications need to be responsive and smooth, providing users with immediate feedback for their interactions. To understand how our applications perform, we need to understand how browsers process and render content. This is why we now have animation frame, the base model that powers INP
https://calendar.perfplanet.com/2024/what-is-an-animationframe-and-what-can-it-tell-you/
Modern web applications need to be responsive and smooth, providing users with immediate feedback for their interactions. To understand how our applications perform, we need to understand how browsers process and render content. This is why we now have animation frame, the base model that powers INP
https://calendar.perfplanet.com/2024/what-is-an-animationframe-and-what-can-it-tell-you/
Building a Custom Comparison Validator Directive in Angular
There are several traditional approaches to implementing custom validation in Angular forms, but today, we’ll explore a unique solution…
https://medium.com/@abutayar/building-a-custom-comparison-validator-directive-in-angular-3477582e6ec0
There are several traditional approaches to implementing custom validation in Angular forms, but today, we’ll explore a unique solution…
https://medium.com/@abutayar/building-a-custom-comparison-validator-directive-in-angular-3477582e6ec0
Medium
Building a Custom Comparison Validator Directive in Angular
There are several traditional approaches to implementing custom validation in Angular forms, but today, we’ll explore a unique solution…