Too often, the process of design is cut short. When faced with user needs or product requirements, many designers draft a mockup or wireframe informed by what they've seen or experienced before. But that's actually when the design process starts, not ends.

CSS container queries are a powerful new tool for our CSS layout toolbox. In this post we'll dive into the practicalities of building a layout with container queries.

How a sidekick scripting language for Java, created at Netscape in a ten-day hack, ships first as a de facto Web standard and eventually becomes the world’s most widely used programming language. This paper tells the story of the creation, design, evolution, and standardization of the JavaScript language over the period of 1995-2015. But the story is not only about the technical details of the language. It is also the story of how people and organizations competed and collaborated to shape the JavaScript language which dominates the Web of 2020.

We used to joke about the Web being the wild west of the programming world, but it really is. (...) I've been thinking about this for a long time and I believe the compromise is to use whatever framework you like, but don't go all in on it. Consider avoiding metaframeworks. Avoid component libraries that aren't interoperable.

Free crash course on JavaScripts objects, "this", and classes!

This year, native CSS nesting got supported in all major browsers: Chrome, Firefox, and Safari. This is a major CSS feature that will make it easier to write CSS. In this article, I will document what I learned so far about CSS nesting and share my findings with you, along with use cases and examples.

Everyone’s talking about HTML Web Components, and I think it’s the start of something magical!

This tutorial by Josh W Comeau introduces the powerful CSS Grid layout system, covering its fundamentals, grid construction, assigning children, grid areas, considerations for keyboard users, and alignment properties.

I’ve worked with Web Components a little bit over the last few, but really struggled to understand the use case for them. Until this week.

The annual developer survey of the JavaScript ecosystem

I believe every front-end developer should know how to use container queries, create a scroll snap experience, avoid position: absolute with grid, swiftly hammer out a circle, use cascade layers, and reach more with less via logical properties. Here's a quick overview of each of those expectations.

Flintable is a playground for experimenting lint rules, focusing on fixable layout and suggestions rules. We initially focused on ESLint, the most popular JavaScript linter. Flintable allows adding code and regularly testing it with individual rules or custom configurations.

Next.js 14 (and 13) introduced many attack vectors without providing the tooling necessary for organizations to detect them. It is easier than ever before to expose server secrets, introduce unauthenticated "endpoints" or any other issue that will make you vulnerable

Review behaviors to be aware of regarding how the browser computes final custom property values. A misunderstanding of this process may lead to an unexpected or missing value and difficulty troubleshooting and resolving the issue.

Discover how some of the key functions of Hydration hurt performance, and how developers handle them. Learn about how Qwik offers an alternative to hydration.