Week 1 notes – 2022
A developer's weekly notes covering admin work, redesigning a book homepage, and upcoming web projects.
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.
Explores 3+1 strategies for setting default values in CSS custom properties to create reusable, customizable components.
A developer shares how quitting Twitter's timeline improved their mental health and shifted their focus to client work and mentoring.
Explains a clever CSS technique used by Facebook to conditionally toggle border-radius based on element width vs viewport width.