CSS Landscape | 2024 #8 (2024)

Stay ahead of the curve with FreeFrontend's CSS Landscape!

This digest delivers the latest news, articles, tutorials, tips, and videos to empower your CSS skills.


  • CSS Landscape | 2024 #8 (1)

    What's New in DevTools, Chrome 124

    March 28, 2024 / Sofia Emelianova

    This document describes the new features, updates, and improvements in the Chrome DevTools in Chrome version 124.

  • CSS Landscape | 2024 #8 (2)

    What's New in WebGPU (Chrome 124)

    April 9, 2024 / François Beaufort

    The latest updates in WebGPU for Chrome 124 include new features such as read-only and read-write storage textures, service workers and shared workers support, new adapter information attributes, bug fixes, and Dawn updates.

  • CSS Landscape | 2024 #8 (3)

    Release Notes for Safari Technology Preview 192

    April 10, 2024 / Jon Davis

    Safari Technology Preview 192 has been released, featuring WebKit changes, new features, resolved issues, and deprecations across various areas such as Authentication, CSS, Editing, JavaScript, Media, Rendering, Web API, Web Extensions, and Web Inspector.


  • CSS Landscape | 2024 #8 (4)

    Hanging Punctuation in CSS

    April 3, 2024 / Jeremy Keith

    The context discusses the use of the hanging-punctuation CSS property to improve text appearance and the unintended side-effects when applied globally, along with solutions to fix them.

  • CSS Landscape | 2024 #8 (5)

    How to Think about HTML Responsive Images

    April 6, 2024 / Dan Burzo

    This article discusses the concept of responsive images in HTML, explaining how to provide image source candidates and how browsers choose the most appropriate one based on device pixel ratio, zooming, and viewport size.

  • CSS Landscape | 2024 #8 (6)

    Testing HTML with Modern CSS

    April 7, 2024 / Heydon Pickering

    The article explores the use of modern CSS for testing HTML integrity, focusing on the author's open-source project REVENGE.CSS and recent advancements in CSS.

  • CSS Landscape | 2024 #8 (7)

    Layered Toggles: Optional CSS Mixins

    April 9, 2024 / Roman Komarov

    The article introduces a new technique called "layered toggles" that allows applying optional CSS mixins on any element using custom cascade layers and cyclic dependency space toggles.

  • CSS Landscape | 2024 #8 (8)

    An intro to CSS Grid

    April 11, 2024 / Chris Ferdinandi

    This context provides an introduction to CSS Grid, a layout system for creating grid-based layouts using rows and columns, with a focus on the fractional unit (fr) and the repeat() function.

  • CSS Landscape | 2024 #8 (9)

    A CSS-Powered Add/Remove Tags UI

    April 11, 2024 / Preethi Sam

    This article discusses a CSS-powered add/remove tags UI using checkboxes, labels, and :has() selectors, demonstrating how to build a tag management component with interactive HTML and CSS.

  • CSS Landscape | 2024 #8 (10)

    Finally Understand Responsive Design!

    April 11, 2024 / Jared Weiss

    This text provides an in-depth guide to understanding and implementing responsive design in web development, focusing on seven key CSS properties and concepts.

  • CSS Landscape | 2024 #8 (11)

    How to Build a Reusable Grid System with CSS Grid

    April 12, 2024 / Chris Ferdinandi

    This context provides a tutorial on how to create a reusable grid system using CSS Grid, focusing on a single row with 12 columns and classes for specifying column width and starting points.


Tips & Tricks


Thank you for reading the CSS Landscape!

CSS Landscape | 2024 #8 (2024)
Top Articles
Latest Posts
Article information

Author: Kareem Mueller DO

Last Updated:

Views: 6467

Rating: 4.6 / 5 (66 voted)

Reviews: 89% of readers found this page helpful

Author information

Name: Kareem Mueller DO

Birthday: 1997-01-04

Address: Apt. 156 12935 Runolfsdottir Mission, Greenfort, MN 74384-6749

Phone: +16704982844747

Job: Corporate Administration Planner

Hobby: Mountain biking, Jewelry making, Stone skipping, Lacemaking, Knife making, Scrapbooking, Letterboxing

Introduction: My name is Kareem Mueller DO, I am a vivacious, super, thoughtful, excited, handsome, beautiful, combative person who loves writing and wants to share my knowledge and understanding with you.