Explains the CSS aspect-ratio property, its benefits over the old 'padding hack', and practical usage examples.
Explains why using vw/vh units for font sizes creates accessibility and layout issues, and recommends using em, rem, and clamp() instead.
Cascade layers (@layer) are arriving in major browsers, offering developers explicit control over CSS specificity to prevent style conflicts.
A blog post discussing the 'five levels of hype' framework and its application to tech trends, frameworks, and crypto/NFTs.
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.
