The main idea of CSS Container Queries is to register an element as a “container” and apply styles to other elements when the container element meets certain conditions.

From time immemorial, the Evil Martians team has worked on dozens of Ruby on Rails projects every year. Naturally, this process involves a lot of Ruby gems. Some reflect our desire to be cutting-edge and to use modern tools (or build our own!) Other gems are so flexible they’ve been used in most of our projects. Our development philosophies, programming habits, and soul are within this universe of Martian gems. So…

Next.js is a popular React framework that enables developers to build fast, SEO-friendly, and scalable web applications. It offers powerful features like server-side rendering, static site generation, and API routes, making it an excellent choice for modern web development. In this step-by-step guide, we’ll walk through the process of building your first Next.js application from scratch.

The problem with magic, of course, is that it’s not easy to define—and even harder to replicate. According to Charmaine, it’s tempting to judge the merits of a product based on its UI, but this is, in fact, a trap. “Even the most experienced product managers occasionally forget that a sleeker design doesn’t necessarily equate to a better product for users,” she says. So what does it take to build a developer…

The times for CSS have probably never been more exciting than today. In this quick read, we’ve got some useful CSS tips and techniques for you that you can apply to your work right away. Let’s dive deeper into self-modifying CSS variables, hanging punctuation, and more.

Sign-up forms, they’re pretty common! What’s also common is for the submit button to float above the input, like this:

text-decoration-offset is a good use case for em units. Most of the time we favor rems over ems, but in this case we want the text underline offset to proportionally scale with the `font-size` property. Here’s a quick demo:

Turning a website into an application involves adapting and extending the functionalities and design of the website to fit the framework and user expectations of a mobile, desktop or web app. Let’s see how to make website an app, when is the right time to do so, and which websites became apps.

On average, a web page produces 4.61 grams of CO2 for every page view; for whole sites, that amounts to hundreds of KG of CO2 annually.

CSS has an infinity constant. When I first learned about this, my brain lit up with all kinds of absurd possibilities. Let’s discuss! There might even be some practical use cases.