Giana
@gianablantin.bsky.social
Not a ninja. Not a rockstar. Possibly a cat.
Front-end developer and CSS apologist.
Front-end developer and CSS apologist.
Reposted by Giana
It's been ages since I've used my Dribbble account, but this email that just landed in my inbox is why I'm deleting the account.
Designers, please hold onto control of your contracts, copyright, licensing, usage terms & agreement, and payment terms. It's so important! 😬 This news = big yikes IMO.
Designers, please hold onto control of your contracts, copyright, licensing, usage terms & agreement, and payment terms. It's so important! 😬 This news = big yikes IMO.
March 17, 2025 at 8:54 PM
It's been ages since I've used my Dribbble account, but this email that just landed in my inbox is why I'm deleting the account.
Designers, please hold onto control of your contracts, copyright, licensing, usage terms & agreement, and payment terms. It's so important! 😬 This news = big yikes IMO.
Designers, please hold onto control of your contracts, copyright, licensing, usage terms & agreement, and payment terms. It's so important! 😬 This news = big yikes IMO.
Reposted by Giana
you: why'd it take so long to remake your website
me: needed a physics engine for my text
you: ???
me:
me: needed a physics engine for my text
you: ???
me:
December 2, 2024 at 5:46 PM
you: why'd it take so long to remake your website
me: needed a physics engine for my text
you: ???
me:
me: needed a physics engine for my text
you: ???
me:
Reposted by Giana
One of my favourite UI patterns is using `backdrop-filter` to create a “frosted glass” effect.
When I see this effect in the wild, though, it’s almost never as lush and realistic as it could be. There’s an important optimization that nobody makes.
✨ I share the secret sauce in my brand-new post:
When I see this effect in the wild, though, it’s almost never as lush and realistic as it could be. There’s an important optimization that nobody makes.
✨ I share the secret sauce in my brand-new post:
Next-level frosted glass with backdrop-filter • Josh W. Comeau
Glassy headers have become a core part of the “slick startup” UI toolkit, but they’re all missing that final 10% that really makes it shine. In this tutorial, you’ll learn how to create the most reali...
joshwcomeau.com
December 2, 2024 at 6:18 PM
One of my favourite UI patterns is using `backdrop-filter` to create a “frosted glass” effect.
When I see this effect in the wild, though, it’s almost never as lush and realistic as it could be. There’s an important optimization that nobody makes.
✨ I share the secret sauce in my brand-new post:
When I see this effect in the wild, though, it’s almost never as lush and realistic as it could be. There’s an important optimization that nobody makes.
✨ I share the secret sauce in my brand-new post:
Reposted by Giana
#tinyCSStip
You can use pure CSS `pow()` to easily switch in between layouts based ton the viewport aspect-ratio. 😎
#CodePen demo codepen.io/thebabydino/...
The `grid-template-columns` property gets set only once! We only set an exponent `--exp` for each aspect ratio. 😼
You can use pure CSS `pow()` to easily switch in between layouts based ton the viewport aspect-ratio. 😎
#CodePen demo codepen.io/thebabydino/...
The `grid-template-columns` property gets set only once! We only set an exponent `--exp` for each aspect ratio. 😼
August 22, 2023 at 8:47 AM
#tinyCSStip
You can use pure CSS `pow()` to easily switch in between layouts based ton the viewport aspect-ratio. 😎
#CodePen demo codepen.io/thebabydino/...
The `grid-template-columns` property gets set only once! We only set an exponent `--exp` for each aspect ratio. 😼
You can use pure CSS `pow()` to easily switch in between layouts based ton the viewport aspect-ratio. 😎
#CodePen demo codepen.io/thebabydino/...
The `grid-template-columns` property gets set only once! We only set an exponent `--exp` for each aspect ratio. 😼
Are front-end/web dev people using mostly Mastodon? Every time I check BlueSky, my feed is dead ☹️
March 16, 2024 at 11:08 PM
Are front-end/web dev people using mostly Mastodon? Every time I check BlueSky, my feed is dead ☹️
Reposted by Giana
Decided that I will no longer be learning what people are talking about
February 17, 2024 at 5:23 PM
Decided that I will no longer be learning what people are talking about
Reposted by Giana
Friendly reminder:
Just Write. sarasoueidan.com/desk/just-wr...
Even if only one person learns something from your writing, you’ll feel great, and that you’ve contributed—even if just a little bit—to this amazing community that we’re all constantly learning from.
Just Write. sarasoueidan.com/desk/just-wr...
Even if only one person learns something from your writing, you’ll feel great, and that you’ve contributed—even if just a little bit—to this amazing community that we’re all constantly learning from.
February 14, 2024 at 11:53 AM
Friendly reminder:
Just Write. sarasoueidan.com/desk/just-wr...
Even if only one person learns something from your writing, you’ll feel great, and that you’ve contributed—even if just a little bit—to this amazing community that we’re all constantly learning from.
Just Write. sarasoueidan.com/desk/just-wr...
Even if only one person learns something from your writing, you’ll feel great, and that you’ve contributed—even if just a little bit—to this amazing community that we’re all constantly learning from.
Reposted by Giana
#tinyCSStip Ever want an element to be responsive, always fit within a certain `--max` (for ex. `95vmin`), but also want its size to always be a multiple of a certain `--val` (for ex. `15px`)?
Sizing an element in steps, if you will.
🆕 #CSS mathematical functions to the rescue!
Sizing an element in steps, if you will.
🆕 #CSS mathematical functions to the rescue!
January 24, 2024 at 7:00 PM
#tinyCSStip Ever want an element to be responsive, always fit within a certain `--max` (for ex. `95vmin`), but also want its size to always be a multiple of a certain `--val` (for ex. `15px`)?
Sizing an element in steps, if you will.
🆕 #CSS mathematical functions to the rescue!
Sizing an element in steps, if you will.
🆕 #CSS mathematical functions to the rescue!