From Product to Cart: Adding Guiding Animations to the Shopping Experience

An in-depth tutorial on how to create an engaging animation where items move from the product gallery to the shopping cart.

https://tympanus.net/codrops/2024/11/21/from-product-to-cart-adding-guiding-animations-to-the-shopping-experience/

Enter WebSockets

Four years in the making, today we are welcoming a new protocol in the expanding family of MSW—WebSockets.

https://mswjs.io/blog/enter-websockets

A guide to two-way binding in Vue

Learn how to implement one-way and two-way data binding in Vue.js, using v-model and advanced techniques like defineModel for better apps.

https://blog.logrocket.com/guide-two-way-binding-vue/

State of JavaScript 2024

Take the State of JavaScript survey

https://survey.devographics.com/en-US/survey/state-of-js/2024

Solving eventual consistency in frontend

Handle frontend data discrepancies with eventual consistency using WebSockets, Docker Compose, and practical code examples.

https://blog.logrocket.com/solving-eventual-consistency-frontend/

Understanding Angular at Its Core: Key Concepts, Utilities and Best Practices

Here’s a structured organization of the Angular topics, grouped by their categories and...

https://dev.to/renukapatil/understanding-angular-at-its-core-key-concepts-utilities-and-best-practices-c0j

Stop Building Messy APIs! Here’s Your Clean Code Guide

API and RESTful API are fundamental concepts that every programmer should be familiar with. When...

https://dev.to/geekvergil/stop-building-messy-apis-heres-your-clean-code-guide-4h95

Baseline 2024: more tools to help web developers

web-features dataset, Web Platform Status dashboard, Baseline status widget and more! Take a look back on Baseline in 2024.

https://web.dev/blog/baseline-project-2024?ref=dailydev

Implementing infinite scroll in React with React Snap Carousel

Making carousels can be time-consuming, but it doesn't have to be. Learn how to use React Snap Carousel to simplify the process.

https://blog.logrocket.com/implementing-infinite-scroll-react-react-snap-carousel/

Bootstrap vs. Pure CSS Grid: A Comparison Guide

Compare Bootstrap and CSS Grid to choose the right tool for your web projects with practical examples and expert insights

https://eleftheriabatsou.hashnode.dev/bootstrap-vs-pure-css-grid-a-comparison-guide

An Introduction To CSS Scroll-Driven Animations: Scroll And View Progress Timelines

10 years after scroll-driven animations were first proposed, they’re finally here — no JavaScript, no dependencies, no libraries, just pure CSS.

https://www.smashingmagazine.com/2024/12/introduction-css-scroll-driven-animations/

Accessibility Best Practices for Single Page Applications (SPAs)

Discover essential accessibility best practices for Single Page Applications (SPAs) to ensure dynamic content, focus management, and navigation are user-friendly for everyone.

https://www.sitepoint.com/accessibility-best-practices-for-single-page-applications/

Ref Callbacks, React 19 and the Compiler

Reflecting on useCallback, how the Compiler changed my thinking about it, and what React 19 has in store for Ref Callbacks...

https://tkdodo.eu/blog/ref-callbacks-react-19-and-the-compiler

Page by Page: How Pagination Makes the Web Accessible

A collection of bad practices in HTML, copied from real websites.

https://htmhell.dev/adventcalendar/2024/14/

Unlocking the power of CSS container queries: lessons from the Netflix team

This case study explains the benefits of adopting container queries at Netflix.

https://web.dev/case-studies/netflix-cq

5 Technical Trends To Help Web Developers Stand Out in 2025

These five technical web development trends (not including AI!) will help differentiate you from other developers as we head into a new year.

https://thenewstack.io/5-technical-trends-to-help-web-developers-stand-out-in-2025/

Building Scalable Micro-Frontends with Next.js Multi Zones

Let's see how Next.js Multi Zones can make building micro frontends a breeze.

https://techhub.iodigital.com/articles/building-scalable-micro-frontends-with-next-js-multi-zones

Detecting web performance regressions using statistical tools

Running web performance synthetic testing tools can really be a pain. It’s constant work to make sure to get stable metrics out of your setup so you can find those regressions. You use a bare metal server, you pin the CPU speed, you use a replay proxy to get rid of the noise from the internet and yo

https://calendar.perfplanet.com/2024/detecting-web-performance-regressions-using-statistical-tools/

How I gained a new perspective on ARIA

A collection of bad practices in HTML, copied from real websites.

https://htmhell.dev/adventcalendar/2024/17/