Building UI Components With SVG and CSS
Explores using SVG with CSS to build dynamic UI components like cut-out avatars, highlighting advantages over pure CSS for responsiveness and cross-browser compatibility.
Explores using SVG with CSS to build dynamic UI components like cut-out avatars, highlighting advantages over pure CSS for responsiveness and cross-browser compatibility.
Explains how to use a specific folder from a GitHub repository as an npm dependency using the degit tool.
Learn how to avoid the 'gray dead zone' in CSS gradients using color theory and alternative color modes like HSL.
A developer's weekly notes covering admin work, redesigning a book homepage, and upcoming web projects.
A web developer shares a useful HTML boilerplate resource for front-end projects and discusses CSS-first design principles.
A developer shares his 2022 work resolutions, focusing on creative production, ignoring tech/crypto discourse, hiring, and finding joy in tech.
A web developer's 2021 review focusing on new CSS features, upcoming browser support, and influential people in the CSS community.
Safari now supports the CSS :has() pseudo-class, enabling powerful parent and relational element styling.
Explains how to use CSS media queries like prefers-reduced-motion and prefers-color-scheme to create accessible, personalized, and battery-friendly websites.
A detailed guide to a modern CSS reset, explaining each rule and its benefits for improving web development.
A comparison of XPath and CSS selectors for element selection in Cypress testing, including installation and usage examples.
Introducing the Shadow Palette Generator, a tool for creating cohesive sets of CSS shadows for web design.
Explains why CSS `position: sticky` fails inside CSS Grid containers and how to fix it by overriding the default `align-items: stretch` behavior.
Explains why WOFF2 is the optimal web font format, comparing file sizes and browser support, with conversion tips.
A guide on using CSS media queries and custom properties (variables) together to create more manageable and maintainable responsive web designs.
A deep dive into the HTML and CSS structure of Facebook Messenger's chat bubble component, covering its variations and design considerations.
Explains how to use any icon as pure CSS with UnoCSS, covering DataURI generation, scalability, and color customization.
Explains how to build a fast CSS preprocessor using fuzzy parsing to expand nested SCSS-like rules without a full parser.
An overview of the 2021 State of CSS survey, discussing new CSS features and the importance of developer feedback.
Analyzing the cleverness and maintainability of complex CSS solutions, like Facebook's conditional border-radius toggle, versus simpler, more readable alternatives.