We've all been there: you're working on a website and need to display a row of logos—clients, partners, sponsors—you name it. However, logos come in all shapes and sizes, and making them look good together can be quite challenging. How do you get...
Animating elements in CSS can be challenging, especially when you want to ensure smooth transitions across different screen sizes. One issue that I stumble upon quite often is the inability to divide two length values in CSS. For example, calc(100vw...
In this article, I'm sharing a customizable CSS auto-grid layout. It's a grid component that allows for adjustments in minimum column widths, horizontal and vertical gaps, and even the maximum number of columns to fit various design needs. Since CSS...
There are many AI tools for image generation, and it seems like a new one is added every day. The results are often very impressive, yet they can also feel quite random. I wanted to try what I could achieve by setting a clear goal and striving to...
A few years ago, I had to build a card component that looked a little different than the usual cards you find on most websites. It turned out that this card led to one of my biggest estimation errors because I completely underestimated how...
Last week, I had the incredible opportunity to attend my first in Amsterdam. It was an exceptional experience that left me brimming with newfound knowledge. While I felt confident about certain topics, such as the has-selector and container...
Recently I was faced with the following problem: I had to build a layout that consists of several rows. In each row are two i mages with a fixed aspect ratio. The two images should have the same height and fill the entire row. The images' aspect...
I'm fascinated with the concept of algorithmic layouts and got so used to building whole websites without using any media-query, that I sometimes forget they exist. (You got no idea what an algorithmic layout is? Long story short: It's a component...
Do you know the feeling when a subject never lets you go? In the last years, I have worked with different graphics programs and have written many lines of CSS. Even though it is now easy to copy CSS code for gradients directly from e.g. Figma, I...
Layouts with diagonal sections are quite popular for several years now. It is not the new hot stuff , and you will probably not find it in the articles titled "Design trends for 2020". But I think it is here to stay. It is one tool designers can...
One of the many challenges when it comes to writing CSS is choosing the right unit. Over the years there has been a lot of controversies whether to use px , em or rem to size text. So I thought, why not add some custom properties to this mixture...
TL/DR : When you use eight values specifying border-radius in CSS, you can create organic looking shapes. WOW. No time to read it all ?— we made a visual tool for you. During this year’s talked about . At the end of her talk, she...
We at organize an annual JavaScript conference called . The key visual shows a shaft tower and the conference name executed with a neon light effect. The main page features the full visual with flickering lights. This effect is created by using...
There are quite a few articles on the web that deal with responsive logos. The most popular example might be the that shows some very well known logos in different variations for different screen sizes. When I first saw this example, I thought...
