Why I moved from Styled Components to (S)CSS modules
A developer explains their reasons for switching from Styled Components to SCSS Modules for styling in React applications.
A developer explains their reasons for switching from Styled Components to SCSS Modules for styling in React applications.
A developer outlines her step-by-step process for creating and animating Scalable Vector Graphics (SVGs), from inspiration to final animation.
A technical introduction to SVG animation, covering SVG basics, XML structure, and animating elements with CSS and JavaScript.
An introduction to CSS Container Queries, a new CSS feature that allows components to respond to their container's size instead of the viewport.
A developer shares insights from a 100-day challenge to tweet about 100 different HTML elements, highlighting learning and resources like MDN.
A guide to best practices for using Styled Components in React, covering team alignment and code organization.
SolidJS is a frontend framework combining React's familiar syntax with Svelte's compilation approach for better performance and smaller bundles.
A technical tutorial on creating realistic paper snowflake effects in CSS using clip-path, masking, and custom properties.
A tutorial on recreating the interactive macOS Dock animation using Svelte, Popmotion, and Vite in under 100 lines of code.
A tutorial for front-end developers on how to create a whimsical, interactive 3D button using only HTML and CSS.
A guide to using Jotai, a minimalist state management library for React, covering atoms and derived state.
Learn how to dynamically style CSS pseudo-elements like ::after using JavaScript and CSS custom properties (CSS variables).
A guide to creatively styling HTML <hr> elements with CSS and SVG, moving beyond plain lines to add visual flair while maintaining semantics.
A guide for iOS developers on using JavaScript to interact with and manipulate web content within WKWebView components.
A technical guide to creating animated underlines for links using modern CSS properties like text-underline-offset and text-decoration-color.
A live coding session where developers debugged an image upload spinner issue in the Forem editor using browser tools.
A guide to React state management libraries, explaining core concepts and helping developers choose the right tool for their project.
A reflection on CSS Battle videos, analyzing how programmers think, test theories, and iterate through code to solve front-end web development challenges.
A web developer criticizes accessibility overlays as harmful and ineffective, advocating for proper web accessibility practices.
A guide exploring Angular Template-Driven Forms, covering their benefits, practical examples, and comparisons with Reactive Forms.