Explains how CSS logical properties like padding-inline provide shorthands for setting spacing on a single axis, improving code maintainability.
A tutorial on improving the user experience of a Blazor WebAssembly app by creating a custom loading screen with a progress bar.
A guide to eight common mistakes developers make when using the Cypress testing framework, with practical solutions to avoid them.
A guide explaining React Portals, their purpose for rendering components outside parent DOM hierarchy, and how to use them for modals and popups.
Explores the current state and future of creating masonry layouts in CSS, discussing limitations, workarounds, and the need for native CSS support.
The author details the motivations and process behind the sixth major redesign of their personal website.
A CSS tutorial on techniques for creating full-width components within a centrally constrained layout, discussing markup and styling solutions.
Developer adds Spotify integration to his personal music collection website, built with Eleventy and Notion, and discusses using the Spotify API.
The author shares their excitement about attending FFConf 2022, a front-end development conference, and introduces their background and projects.
Explains CSS style container queries, a new feature allowing child elements to adapt based on parent element styles, not just size.
Author reflects on the second anniversary of his free Eleventy course, discussing its impact and the evolution of the static site generator.
A technical guide on using BroadcastChannel API and focus management to create cross-tab title hints for desktop web applications.
A guide to using the CSS aspect-ratio property for responsive design, with syntax and visual examples.
A technical guide on implementing Display-P3 wide-gamut colors in a website using CSS and JavaScript, focusing on converting hex colors.
A personal recap of the CSS Day 2022 conference in Amsterdam, highlighting key talks on CSS layout, animations, new features, and developer tools.
Argues against desktop-first web design, advocating for a mobile-first approach to improve user experience across all devices.
Explains when and why to use React's useReducer hook over useState, with practical examples and decision criteria.
A guide to 10 essential JavaScript string methods like split(), replace(), and includes() with syntax and examples.
A tutorial on implementing pagination using Strapi v4 for the backend and building the pagination UI with SvelteKit for the frontend.
A guide to building accessible toggle buttons with optimal HTML semantics and framework examples for Svelte, Vue, and React.
