Search
Collective #882
19.11.2024
Two different kinds of “focusable” UI elements * REM? PX? Why not both?
Developing Moxey: A Behind-the-Scenes Look at the Process
15.11.2024
In this article, we take you behind the scenes to explore the creative development process of the website for Moxey.no, a film production company based in Stavanger, Norway
Build Your Own Tools with Penpot’s New Plugin System and Join the Contest
12.11.2024
Penpot's new Plugin System invites designers and developers to customize, innovate, and expand their creative workflows—plus, join the Plugin Contest for a chance to showcase your skills and win big!
Case Study: Anderson Moss ®️
11.11.2024
Discover how Anderson Moss redefined its brand with an award-winning website that blends artful design with innovative tech
The Different (and Modern) Ways to Toggle Content
8.11.2024
Let’s spend some time looking at disclosures, the Dialog API, the Popover API, and more. We’ll look at the right time to use each one depending on your needs. Modal or non-modal? JavaScript or pure HTML/CSS? Not sure? Don’t worry, we’ll go into all that.
The Different (and Modern) Ways...
OpenAI dodges copyright lawsuit over use of news articles in AI training
8.11.2024
A New York federal judge dismissed a copyright lawsuit against OpenAI over its use of news articles for training ChatGPT, but plaintiffs hint at a potential revised filing
3D x Branding: Shaping a Brand Identity through Dynamic 3D Visuals
7.11.2024
A look into how QuestOne’s brand identity was reimagined through the “Hydrogen Circle”—a bold, modular 3D visual embodying their vision for hydrogen innovation and renewable energy
Popping Comments With CSS Anchor Positioning and View-Driven Animations
6.11.2024
The State of CSS 2024 survey wrapped up and the results are interesting, as always. Even though each section is worth analyzing, we are usually most hyped about the section on the most used CSS features. And if you …
Popping Comments With CSS Anchor Positioning and View-Driven Animations...
Fluid Everything Else
5.11.2024
We can apply the concept of fluid typography to almost anything. This way we can have a layout that fluidly changes with the size of its parent container. Few users will ever see the transition, but they will all appreciate the results. Honestly, they will.
Fluid Everything Else originally...
Web-Slinger.css: Like Wow.js But With CSS-y Scroll Animations
1.11.2024
Can we recreate a JavaScript library for scrolling animations with a modern CSS approach using CSS Scroll-Driven Animations? Yes. Yes, we can.
Web-Slinger.css: Like Wow.js But With CSS-y Scroll Animations originally published on CSS-Tricks, which is part of the DigitalOcean family. You should...
Designer Spotlight: Elena Smirnova
1.11.2024
Exploring the minimalist elegance and creative depth of Prague-based digital designer Elena Smirnova
State of CSS 2024 Results
30.10.2024
The results from this year's survey are fairly fresh off the presses. We took a little time to sit with them and jot down some things we noticed and found interesting.
State of CSS 2024 Results originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get...
Tooltip Best Practices
29.10.2024
What are tooltips, exactly? There's two kinds and the one you use has implications on the user experience, as Zell illustrates in this explainer on best practices.
Tooltip Best Practices originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter
Simplifying Backend Tasks for Frontend Developers with Manifest, a One-File Solution
29.10.2024
Manifest is a whole backend that fits in a single YAML file reducing pain for frontend developers that have to deal with backend tasks
Collective #876
29.10.2024
Sylph * EZ-Tree * 2024 State of CSS survey results
Designer Spotlight: Maria Rakovic
25.10.2024
Explore the creative journey of Maria Rakovic, an architect-turned-web designer, blending architectural precision with digital artistry in web design and branding
Come to the light-dark() Side
25.10.2024
You’d be forgiven for thinking coding up both a dark and a light mode at once is a lot of work. You have to remember @media queries based on prefers-color-scheme as well as extra complications that arise when letting visitors …
Come to the light-dark() Side originally published...
Left Half and Right Half Layout – Many Different Ways
25.10.2024
A whole bunch of years ago, we posted on this idea here on CSS-Tricks. We figured it was time to update that and do the subject justice.
Imagine a scenario where you need to split a layout in half. Content …
Left Half and Right Half Layout – Many Different Ways originally published...
Clarifying the Relationship Between Popovers and Dialogs
23.10.2024
The difference between Popovers (i.e., the popover attribute) and Dialogs (i.e., both the <dialog element and the dialog accessible role) is incredibly confusing — so much that many articles (like this, this, and this) have tried to …
Clarifying the Relationship Between Popovers...
Case Study: Monolith Studio
22.10.2024
Go behind the scenes of Monolith Studio’s bold website, created in collaboration with Artemii Lebedev, Okan Uckun, and Oscar Akermo, to discover how they brought a modern Brooklyn tattoo studio to life online