Search

Nalezeno "::part": 2002

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...

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...

Decentralized Insurance Platforms: Leveraging Smart Contracts

30.10.2024
Decentralized insurance platforms are part of the broader field of decentralized finance (DeFi), offering a new approach to managing and […] The post Decentralized Insurance Platforms: Leveraging Smart Contracts appeared first on

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

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...

You can use text-wrap: balance; on icons

24.10.2024
Terence Eden on using text-wrap: balance for more than headings: But the name is, I think, slightly misleading. It doesn’t only work on text. It will work on any content. For example – I have a row of icons at … You can use text-wrap: balance; on icons 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...

Clamp it! VS Code extension

23.10.2024
There’s a lot of math behind fluid typography. CSS does make the math a lot easier these days, but even if you’re comfortable with that, writing the full declaration can be verbose and tough to remember. I know I often … Clamp it! VS Code extension originally published...

Unleash the Power of Scroll-Driven Animations

21.10.2024
I’m utterly behind in learning about scroll-driven animations apart from the “reading progress bar” experiments all over CodePen. Well, I’m not exactly “green” on the topic; we’ve published a handful of articles on it including this neat-o one by...

Combining forces, GSAP & Webflow!

18.10.2024
Change can certainly be scary whenever a beloved, independent software library becomes a part of a larger organization. I’m feeling a bit more excitement than concern this time around, though. If you haven’t heard, GSAP (GreenSock Animation Platform) is teaming … Combining...

Mastering theme.json: You might not need CSS

18.10.2024
I totally get the goal here: make CSS more modular and scalable in WordPress. Put all your global WordPress theme styles in a single file, including variations. JSON offers a nicely structured syntax that’s easily consumable by JavaScript, thereby allowing … Mastering theme.json:...

Solving Background Overflow With Inherited Border Radii

17.10.2024
One of the interesting (but annoying) things about CSS is the background of children’s elements can bleed out of the border radius of the parent element. Here’s an example of a card with an inner element. If the inner element … Solving Background Overflow With Inherited Border Radii...

Close, Exit, Cancel: How to End User Interactions Well

16.10.2024
What’s in a word? Actions. In the realm of user interfaces, a word is construed as the telltale of a control’s action. Sometimes it points us in the correct direction, and sometimes it leads us astray. We talk a lot … Close, Exit, Cancel: How to End User Interactions Well originally...

How Bitcoin Miners Are Tapping Into the AI Gold Rush – Part 2

13.10.2024
The following guest post comes from Bitcoinminingstock.io, the one-stop hub for all things bitcoin mining stocks, educational tools, and industry insights. Originally published on Sept. 3, 2024, it was penned by Bitcoinminingstock.io author Cindy Feng. In the piece, Feng follows up on her first...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace