A tutorial on extracting clean shape perimeters from binary grids using greedy geometry algorithms, with a JavaScript implementation example.
Explains the greedy rectangle merging algorithm for simplifying binary grids into non-overlapping rectangles, with a JavaScript implementation.
![[Web dev for beginners] CSS layout: flexbox, grid, media queries and container queries](https://alldevblogs.blob.core.windows.net/thumbs/article-466bf810c713-full-36a43165.webp)
A beginner's guide to CSS layout techniques including Flexbox, Grid, and responsive queries for web development.
Argues for using CSS Flex/Grid gaps over margins for spacing elements, promoting a parent-controlled layout strategy for cleaner, more maintainable code.
A deep dive into composing comonads in Haskell, using Conway's Game of Life and Advent of Code puzzles to explore category theory and functional programming.
Final part of an Advent of Code series focusing on solving grid and graph problems in Java, with insights on API design.
Explores the proposed CSS syntax for creating masonry layouts, a grid-like design popularized by Pinterest, and the debate around its implementation.
A CSS expert argues for implementing masonry layout as a separate 'display: masonry' property with good defaults, rather than as part of CSS Grid.
A CSS expert argues for implementing masonry layout as a separate 'display: masonry' property, citing better defaults and easier teaching compared to using CSS Grid.
A technical analysis comparing CSS Grid and Flexbox performance, finding no significant speed difference in modern browsers.
Explains new and existing CSS techniques for vertically centering elements, including upcoming browser support for simpler methods.
A technical case study exploring how to rebuild the TechCrunch website layout using modern CSS techniques like Flexbox and Grid.
A frontend developer explains the thought process and CSS techniques (grid, flexbox, logical properties) used to build a responsive article layout.
Explores the current state and future of creating masonry layouts in CSS, discussing limitations, workarounds, and the need for native CSS support.
A technical guide explaining CSS Subgrid, its use cases, and how it solves layout alignment problems in modern web design.
A developer explains how understanding CSS layout algorithms, not just properties, leads to more predictable and robust styling.
Explains why CSS `position: sticky` fails inside CSS Grid containers and how to fix it by overriding the default `align-items: stretch` behavior.
A live coding session where developers tackled a CSS Flexbox gap compatibility issue in Safari by implementing CSS Grid solutions.
A guide to ten powerful modern CSS layouts, each achievable with just a single line of CSS code.
Explores lesser-known CSS properties like place-items, margin: auto with Flexbox, and ::marker to simplify layouts and styling without extra code.
