Another article about centering in CSS
This one is different, I promise. It's my advice on approaching the options we have to center an element with CSS now and what pragmatic choices we should make.
https://piccalil.li/blog/another-article-about-centering-in-css/
This one is different, I promise. It's my advice on approaching the options we have to center an element with CSS now and what pragmatic choices we should make.
https://piccalil.li/blog/another-article-about-centering-in-css/
❤3
React’s `use()` API is about to make useContext obsolete
Learn how React’s new use() API elevates state management and async data fetching for modern, efficient components.
https://blog.logrocket.com/reacts-use-api-makes-usecontext-obsolete/
Learn how React’s new use() API elevates state management and async data fetching for modern, efficient components.
https://blog.logrocket.com/reacts-use-api-makes-usecontext-obsolete/
🔥2
Covering hidden=until-found
Short story: Slapping hidden=until-found on an element in HTML enables any hidden content within the element to be findable in the browser with in-page search.
https://css-tricks.com/covering-hiddenuntil-found/
Short story: Slapping hidden=until-found on an element in HTML enables any hidden content within the element to be findable in the browser with in-page search.
https://css-tricks.com/covering-hiddenuntil-found/
❤1
We Might Need Something Between Root and Relative CSS Units for “Base Elements”
I've come to realize that perhaps we need to have a unit between root and relative values. This would bring about a whole new possibility when creating reusable components.
https://css-tricks.com/we-might-need-something-between-root-and-relative-css-units-for-base-elements/
I've come to realize that perhaps we need to have a unit between root and relative values. This would bring about a whole new possibility when creating reusable components.
https://css-tricks.com/we-might-need-something-between-root-and-relative-css-units-for-base-elements/
How to Build a Professional React Project Structure in 2025
Learn how to optimize your React project structure for scalability, from minimal setups to advanced feature-based architectures, ensuring efficient development and maintainability.
https://www.netguru.com/blog/react-project-structure
Learn how to optimize your React project structure for scalability, from minimal setups to advanced feature-based architectures, ensuring efficient development and maintainability.
https://www.netguru.com/blog/react-project-structure
2❤1⚡1
A gentle introduction to anchor positioning
https://webkit.org/blog/17240/a-gentle-introduction-to-anchor-positioning/
https://webkit.org/blog/17240/a-gentle-introduction-to-anchor-positioning/
Hands-on with Svelte: Build-time compilation in a reactive framework
Svelte is a developer favorite for delivering enterprise-grade front ends with a focus on performance and innovation. Here’s a tour of this fast and friendly reactive framework.
https://www.infoworld.com/article/2265950/hands-on-with-svelte.html
Svelte is a developer favorite for delivering enterprise-grade front ends with a focus on performance and innovation. Here’s a tour of this fast and friendly reactive framework.
https://www.infoworld.com/article/2265950/hands-on-with-svelte.html
Better CSS layouts: Time.com Hero Section
Taking another look at Time.com hero section. Can we do better?
https://ishadeed.com/article/time-layout/
Taking another look at Time.com hero section. Can we do better?
https://ishadeed.com/article/time-layout/
❤4
GPT-5: A Choose Your Own Adventure for Frontend Developers
With GPT-5, will frontend devs even need to use JavaScript frameworks as a prop for their work? Or will they just use it to create even more React apps?
https://thenewstack.io/gpt-5-a-choose-your-own-adventure-for-frontend-developers/
With GPT-5, will frontend devs even need to use JavaScript frameworks as a prop for their work? Or will they just use it to create even more React apps?
https://thenewstack.io/gpt-5-a-choose-your-own-adventure-for-frontend-developers/
The New Stack
GPT-5: A Choose Your Own Adventure for Frontend Developers
With GPT-5, will frontend devs even need to use JavaScript frameworks as a prop for their work? Or will they just use it to create even more React apps?
❤2
Next.js PWA offline capability with Service Worker, no extra package
In this tutorial, we’ll add offline support to a Next.js PWA with service worker and cache without extra packages, so no next-pwa, no next-offline, no Swiss, just plain ts.
https://adropincalm.com/blog/nextjs-offline-service-worker/
In this tutorial, we’ll add offline support to a Next.js PWA with service worker and cache without extra packages, so no next-pwa, no next-offline, no Swiss, just plain ts.
https://adropincalm.com/blog/nextjs-offline-service-worker/
Adropincalm
Next.js PWA offline capability with Service Worker, no extra package
In this tutorial, we’ll add offline support to a Next.js PWA with service worker and cache without extra packages, so no next-pwa, no next-offline, no Swiss, just plain ts.
Why you may want to do it First, because this is not a super complex task and so is…
Why you may want to do it First, because this is not a super complex task and so is…
❤6
3D Layered Text: Interactivity and Dynamicism
In this third and final chapter, we’re stepping into interactivity by adding JavaScript, starting with a simple :hover effect, and ending with a fully responsive bulging text that follows your mouse in real time.
https://css-tricks.com/3d-layered-text-interactivity-and-dynamism/
In this third and final chapter, we’re stepping into interactivity by adding JavaScript, starting with a simple :hover effect, and ending with a fully responsive bulging text that follows your mouse in real time.
https://css-tricks.com/3d-layered-text-interactivity-and-dynamism/
❤2
The joy of recursion, immutable data, and pure functions: Generating mazes with JavaScript
Generating mazes might not be something you do a lot in your typical front-end job. Some might call it a waste of time. Why bother if you’re not a game developer? Who needs that kind of thing? Sure, it might not be essential, but it’s a lot of fun. Building mazes also presents interesting real-world challenges. How do we deal with random numbers if we’re creating pure functions? How do we implement a repetitive algorithm without using loops? How do we work effectively with immutable data structures? And most importantly, can we have some fun while we’re at it?
https://jrsinclair.com/articles/2025/joy-of-immutable-data-recursion-pure-functions-javascript-mazes/
Generating mazes might not be something you do a lot in your typical front-end job. Some might call it a waste of time. Why bother if you’re not a game developer? Who needs that kind of thing? Sure, it might not be essential, but it’s a lot of fun. Building mazes also presents interesting real-world challenges. How do we deal with random numbers if we’re creating pure functions? How do we implement a repetitive algorithm without using loops? How do we work effectively with immutable data structures? And most importantly, can we have some fun while we’re at it?
https://jrsinclair.com/articles/2025/joy-of-immutable-data-recursion-pure-functions-javascript-mazes/
❤1
Nuxt 4.0 is here: What’s new and what to expect
Learn what’s new in Nuxt 4, from the app/ directory to TypeScript improvements and data fetching changes. Plus, tips for a smooth migration.
https://blog.logrocket.com/nuxt-4-0-whats-new-what-to-expect/
Learn what’s new in Nuxt 4, from the app/ directory to TypeScript improvements and data fetching changes. Plus, tips for a smooth migration.
https://blog.logrocket.com/nuxt-4-0-whats-new-what-to-expect/
❤2👍1
3D Layered Text: Motion and Variations
In this chapter, we will explore ways to animate the effect, add transitions, and play with different variations. We will look at how motion can enhance depth, and how subtle tweaks can create a whole new vibe.
https://css-tricks.com/3d-layered-text-motion-and-variations/
In this chapter, we will explore ways to animate the effect, add transitions, and play with different variations. We will look at how motion can enhance depth, and how subtle tweaks can create a whole new vibe.
https://css-tricks.com/3d-layered-text-motion-and-variations/
Using Grok 4 in the frontend development: Here’s what I’ve learned
Tested Grok 4 on real frontend tasks. See how it compares to Claude, Gemini, and Kimi, plus cost, token use, and when to use it for dev work.
https://blog.logrocket.com/grok-4-frontend-development/
Tested Grok 4 on real frontend tasks. See how it compares to Claude, Gemini, and Kimi, plus cost, token use, and when to use it for dev work.
https://blog.logrocket.com/grok-4-frontend-development/
Build a simple React app with Deno
Complete guide to building React applications with Deno and Vite. Learn how to set up a project from a template, implement routing, add API endpoints, and deploy your full-stack TypeScript application.
https://docs.deno.com/examples/react_tutorial/
Complete guide to building React applications with Deno and Vite. Learn how to set up a project from a template, implement routing, add API endpoints, and deploy your full-stack TypeScript application.
https://docs.deno.com/examples/react_tutorial/
Making Sense of CSS Length Units
For junior developers just starting with CSS, the vast array of available length units can feel overwhelming. This post offers a clear breakdown of the main categories - absolute units; relative units, which adapt better to different screen sizes and accessibility settings; viewport units and niche units.
https://blog.scottlogic.com/2025/08/22/css-length-units.html
For junior developers just starting with CSS, the vast array of available length units can feel overwhelming. This post offers a clear breakdown of the main categories - absolute units; relative units, which adapt better to different screen sizes and accessibility settings; viewport units and niche units.
https://blog.scottlogic.com/2025/08/22/css-length-units.html
👍1