A front-end developer explores the basics of View Transitions API for creating smooth animations between DOM states using HTML, CSS, and JavaScript.
A beginner-friendly explanation of why CSS height properties sometimes don't work as expected, exploring the fundamental differences between width and height.
An analysis of the accessibility and usability of experimental CSS Carousels, highlighting current limitations and browser support issues.
Chrome 137 introduces CSS reading-flow and reading-order properties to fix focus navigation issues in grid and flex layouts.
CSS reading-flow and reading-order properties ship in Chrome 137, addressing focus navigation issues in grid and flex layouts.
Explains the BEM CSS methodology, its naming conventions (Block, Element, Modifier), and its advantages for maintainable code in team projects.
Explains the HTML5 <cite> element's proper use for citing work titles, contrasting it with HTML4 and academic citation styles.
A tutorial on generating CSS custom properties (theme variables) from a JavaScript color theme object to maintain consistency across projects.
A developer discovers a consistent bug in how browser DevTools interpret Shadow DOM CSS specificity, particularly with the :host selector and !important rules.
A critique of fake interactive UI elements like non-clickable 'buttons' that frustrate users, with examples and solutions for better web development.
Exploring a new CSS Multi-column Layout spec feature to wrap overflow columns in the block direction, preventing unwanted horizontal scrollbars.
CSS multicol layout spec update introduces block direction wrapping for overflow columns, preventing unwanted horizontal scrollbars.
Andy Bell discusses client work, courses, and his publication Piccalilli on the Shoptalk Show podcast, focusing on front-end development.
How to fix ESLint warnings for custom CSS class names when using Tailwind CSS by whitelisting them in the ESLint plugin configuration.
A web developer reflects on a 5-year-old .NET Magazine interview, discussing his side projects, CSS tools, and focus on web development education.
A developer's personal year-in-review, reflecting on coding work, side projects, and blog writing habits in 2024 and looking ahead.
Set Studio redesigned their agency website and refreshed their newsletter, The Index, to better communicate their value to clients.
A tutorial on integrating the newly released Tailwind CSS v4 with a Blazor project using the updated CLI for streamlined development.
A tutorial on creating a CSS pulse animation using keyframes, box-shadow, and CSS variables for reusable, performant effects.
A guide to using CSS container queries for responsive design, focusing on a practical layout pattern for email metadata.
