CategoryCSS

October 5, 2022 — We can use the clamp() method today because of the great browser support. In this article, Brecht De Ruyte explains how it can be a beautiful addition to your upcoming project or as an upgrade to a previous one. Read more…

October 3, 2022 — Shared Element Transitions API is a game-changing feature that will enable us to create impressive and elaborate UI animations easily. In this article, Adrian Bece will explore its incredible potential by building four real-life examples from scratch. Read more…

September 19, 2022 — In today’s article, Andrico Karoulla explains how to create a cool draggable effect by listening to the drag events and writing some custom logic inside the handlers. Read more…

August 1, 2022 — If you like math and CSS, you’ll love this one. We don’t need to use media queries to change the values of some CSS properties — font-size, padding, margin etc. — depending on the viewport width, with the CSS clamp function. But: we still need to use media queries for changing colors, borders, shadows and other CSS styles. Read more…

June 15, 2022 — In this article, we’ll see how to make our sites friendly for Windows High Contrast Mode by using a good set of practices, including the media query forced-colors and its toolset. Read more…

June 8, 2022 — CSS color-mix is an experimental function that blends two colors and can be used to simplify color palettes. You can define a color palette and theme without too much effort using CSS color-mix(). Read more…

May 26, 2022 — From working with design handoffs to supporting custom themes in a design system, the CSS color-contrast() function can become a cornerstone for developers by enforcing accessible UIs. Read more…

May 23, 2022 — CSS is constantly evolving, and some cool and useful properties either go completely unnoticed or are not talked about as much as others for some reason or another. In this article, we’ll cover a fraction of those CSS properties and selectors. Read more…

May 3, 2022 — Developers often reach for UI frameworks like Bootstrap or Material UI, hoping that they’ll save a bunch of time and quickly build a professional-looking app. Unfortunately, things rarely work out this way. Let’s talk about it. Read more…

March 28, 2022 — In this article, we’ll talk about how to adapt our sites to the different scenarios of a device pointer: whether it has a pointer or not, or how accurate it is. To adapt our site to those devices’ needs we’ll talk about how to properly use media queries hover, pointer, any-hover and any-pointer. Read more…