An overview of the front end profession in 2024.

CSS has an aspect-ratio property, which has had full support since around 2021.

Front-end developers spend a significant amount of time working inside the browser’s DevTools.

In 2020, Max Stoiber wrote the spicy "Margin considered harmful".

The World Wide Web Consortium (W3C) published a First Public Working Draft of CSS Anchor Positioning last year, so I thought I would give it a try.

The safe keyword is used in addition to other alignment keywords in layout.

Dropdowns, menus, tooltips, comboboxes, toasts — the popover attribute will make building a large variety of UI components easier.

Everyone knows you can use console.log() to log text and variables. Did you know you could also render (limited) CSS, SVGs, and even HTML?

The element in HTML is tremendous. We’ve got support across the board now, so using it is a smart plan.

Container queries are similar to media queries but allow you set styles based on a particular element’s current size, typically the width.

What is a quantity query? It’s a bit of CSS that allows you to style an element (and its descendants) based on how many children the element has.

If you need a mini build process just for your CSS, Lightning CSS is a pretty good modern choice.

A guide for front-end developers to equip themselves with latest learning resources and development tools in front-end engineering.

In this new course from Frontend Masters, Ben tackles RWD process, prototyping and patterns, on down to specific coding tactics with media queries and responsive CSS. Watch a free lesson where Ben demonstrates making an existing website responsive by updating CSS properties on the fly.