dawitt.bsky.social
@dawitt.bsky.social
Reposted by dawitt.bsky.social
when Ana shared the codepen for this a few weeks back I was completely wow-ed by it.
(actually reworking my site now and removing subgrid-itis from it and using this technique).
🙏🖤
frontendmasters.com/blog/super-s...
(actually reworking my site now and removing subgrid-itis from it and using this technique).
🙏🖤
frontendmasters.com/blog/super-s...
Super Simple Full-Bleed & Breakout Styles
Having a width-limited centered column of content is common and good, but what do you do when you need to break out? It's not hard these days, but it does depend on the situation.
frontendmasters.com
November 3, 2025 at 10:53 AM
when Ana shared the codepen for this a few weeks back I was completely wow-ed by it.
(actually reworking my site now and removing subgrid-itis from it and using this technique).
🙏🖤
frontendmasters.com/blog/super-s...
(actually reworking my site now and removing subgrid-itis from it and using this technique).
🙏🖤
frontendmasters.com/blog/super-s...
Reposted by dawitt.bsky.social
This is sooooo clever 😍 Thanks @matuzo 🙏🏼 #css
https://piccalil.li/blog/a-workaround-for-using-custom-properties-in-media-queries/
https://piccalil.li/blog/a-workaround-for-using-custom-properties-in-media-queries/
October 4, 2025 at 7:07 AM
This is sooooo clever 😍 Thanks @matuzo 🙏🏼 #css
https://piccalil.li/blog/a-workaround-for-using-custom-properties-in-media-queries/
https://piccalil.li/blog/a-workaround-for-using-custom-properties-in-media-queries/
Reposted by dawitt.bsky.social
We can also have a nice entry animation by adding the following code:
```
img {
transition: 1s 1s;
@starting-style {
offset: circle(0px) 0% 0deg;
}
}
```
Demo: codepen.io/t_afif/full/... via @codepen.io
```
img {
transition: 1s 1s;
@starting-style {
offset: circle(0px) 0% 0deg;
}
}
```
Demo: codepen.io/t_afif/full/... via @codepen.io
July 18, 2025 at 9:41 AM
We can also have a nice entry animation by adding the following code:
```
img {
transition: 1s 1s;
@starting-style {
offset: circle(0px) 0% 0deg;
}
}
```
Demo: codepen.io/t_afif/full/... via @codepen.io
```
img {
transition: 1s 1s;
@starting-style {
offset: circle(0px) 0% 0deg;
}
}
```
Demo: codepen.io/t_afif/full/... via @codepen.io
Reposted by dawitt.bsky.social
Gecko: Intent to Prototype: Lifting the restriction on non-constructed style sheets in adoptedStyleSheets
Gecko: Intent to Prototype: Lifting the restriction on non-constructed style sheets in adoptedStyleSheets
Gecko: Intent to Prototype: Lifting the restriction on non-constructed style sheets in adoptedStyleSheets
groups.google.com
January 28, 2025 at 9:50 AM
Gecko: Intent to Prototype: Lifting the restriction on non-constructed style sheets in adoptedStyleSheets