Cosh Comeau writes about React Server Components and highlights the inherent compatibility issues they face with widely-used CSS-in-JS libraries such as styled-components, stemming from the absence of browser interaction in server-rendered components.
Learn how the dropping lanyard for the Vercel Ship 2024 site was made in this article.
Nikita Prokopov's article humorously addresses the challenges and common pitfalls associated with centering elements in web design.
A thread where you can look behind the scenes and find the code for turning a website into a multiplayer tldraw canvas.
Carl shows how to do magical things with clip-path and GSAP.
Roman Komarov explores experimental techniques leveraging container style queries and introduces a method that mimics the behavior of the hypothetical toggle() function specified in the CSS Values and Units Module Level 5.
Jeremy Keith discusses the challenges of creating HTML web components to extend the behavior of existing input elements.
David Bushell explores HTMX, a JavaScript library that prioritizes server-rendered HTML over modern JavaScript UI frameworks like React.
A new MDN entry about the experimental field-sizing CSS property that enables you to control the sizing behavior of elements such as form control elements.
Andy Bell provides a simplified explanation of the cascade and specificity in CSS, aiming to help developers understand and utilize these concepts effectively in their stylesheets.
Spline now has an impressive AI powered generator for 3D objects.
LocalSearch is a self-contained search aggregator utilizing LLM Agents to answer user queries without the need for external API keys.
Aider is a command line tool that lets you pair program with GPT-3.5/GPT-4, to edit code stored in your local git repository.
Freshly open-sourced: HeyForm is a no-code form builder that allows anyone to create engaging conversational forms for surveys, questionnaires, quizzes, and polls.
Anderson Mancini shares his latest and most complex Three.js project where you can unlock hidden features.
Equinox is a WebGL space adventure where the story unfolds as you explore and interact with the environment. Made using Three.js, Blender, SideFX Houdini.
(Sponsored) Explore Penpot, the open-source platform enhancing design and development teamwork, now featuring the CSS Grid Layout for even more powerful and efficient project creation.
Some ideas for scroll-based text highlight animations.