A developer reflects on two years of writing technical articles, sharing lessons learned about consistency, teaching, and personal growth.
Explains how to create layouts in Blazor using CSS Grid and Flexbox, comparing them to XAML for .NET developers transitioning to web.
A comprehensive guide to the CSS Grid minmax() function, explaining its syntax, behavior, and practical use cases for responsive layouts.
A tutorial on creating a full-bleed webpage layout using CSS Grid, focusing on improving readability for long-form content.
A CSS tutorial on creating hover effects for irregular-shaped links in grid layouts using subgrid and accessibility considerations.
Overview of upcoming CSS layout features: Chrome's new Grid inspector, flexbox gap support, and experimental masonry layouts in Firefox.
A tutorial on using CSS Flexbox and Grid box alignment properties like align-content and justify-content to control layout.
A tutorial on using CSS Grid Template Areas for creating flexible, visually-defined layouts, with examples and comparisons to traditional grid methods.
A CSS Grid trick to create a contact list where all items share the width of the longest item, with alternative solutions using inline-block and inline-flex.
Explores practical uses of CSS Variables (Custom Properties) within inline styles for dynamic grid layouts and component styling.
A tutorial on recreating the Apple Music playback header using HTML and CSS, focusing on layout with Flexbox and CSS Grid.
A tutorial on creating a scrapbook-style web layout using CSS Grid's compound grid technique, inspired by a personal project.
A guide to implementing a Flexbox fallback for a CSS Grid calendar, covering three methods and browser support considerations.
Explores CSS Grid auto-placement, explicit item positioning, and the use of grid-template-areas for layout control.
A tutorial on building a functional calendar layout using CSS Grid, covering HTML structure and grid placement techniques.
A guide to enabling experimental web platform features like CSS subgrid in Chrome and Firefox using browser flags and hidden config pages.
A conference talk video explaining how to build complex and flexible web layouts using CSS Grid, from basics to advanced techniques.
A summary of key talks from the Pixel Pioneers 2019 web development conference, covering UX, CSS animation, flexbox, and CSS Grid.
Firefox Nightly now supports CSS Subgrid, a key feature of CSS Grid Level 2, enabling more complex and creative web layouts.
Explains CSS Grid's fr (fraction) units, covering their use for responsive layouts, common pitfalls, and how they interact with fixed tracks.
