Click any tag below to further narrow down your results
Links
This article lists various mistakes in CSS design and implementation, along with proposed corrections. It covers issues like naming conventions, property behavior, and layout challenges that affect usability and consistency. The suggestions aim to improve CSS functionality and developer experience.
The article explores the complexities of CSS layout and the predictability issues that arise from its rules. It discusses the potential of constraint systems as an alternative but highlights their own challenges, including verbosity and unpredictability. The author argues that both systems ultimately struggle because layout is inherently difficult.
This article introduces CSS Grid Lanes, a new layout system that simplifies masonry designs using CSS Grid properties. It allows for flexible, responsive layouts without media queries, accommodating varying item sizes and placement. The feature is currently available in Safari Technology Preview.
The article discusses modern CSS techniques for creating effective section layouts on web pages. It highlights various approaches, including the use of CSS Grid and Flexbox, to enhance visual structure and improve user experience. Additionally, it provides practical examples and best practices for implementing these layouts in web design.
The article explores the complexities and nuances of CSS height properties, particularly how different methodologies and browser behaviors can lead to unexpected results. It emphasizes the importance of understanding content flow and layout mechanics when working with height in CSS to avoid common pitfalls.
A new concept called Item Flow is emerging to unify CSS layout properties, integrating features from Flexbox and Grid while also accommodating masonry layouts. This approach aims to simplify layout options by introducing a shorthand property, item-flow, along with new longhands for item-direction, item-wrap, item-pack, and item-slack, potentially enhancing layout capabilities and addressing long-standing design needs.
Figma's new layout grid feature, introduced in May 2025, enhances design flexibility by mimicking CSS Grid, allowing designers to create two-dimensional layouts. Understanding CSS Grid principles is crucial for leveraging Figma's capabilities and ensuring seamless collaboration with developers. The article highlights the differences and similarities between Figma's Grid and CSS Grid, emphasizing the importance of knowing both tools for effective design.