Peeke
@peeke.bsky.social
Creative developer, Vue / React, I love springs
Reposted by Peeke
✨Heads up! Observables are shipping natively to a browser near you soon!
Huge thank you and congrats to @domfarolino.com ❤️
I've helped / worked on / watched this through different standards bodies for more than 10 years now. ☠️
(I'm going to have a lot of work now to adapt RxJS to this 😅)
Huge thank you and congrats to @domfarolino.com ❤️
I've helped / worked on / watched this through different standards bodies for more than 10 years now. ☠️
(I'm going to have a lot of work now to adapt RxJS to this 😅)
February 21, 2025 at 10:59 PM
✨Heads up! Observables are shipping natively to a browser near you soon!
Huge thank you and congrats to @domfarolino.com ❤️
I've helped / worked on / watched this through different standards bodies for more than 10 years now. ☠️
(I'm going to have a lot of work now to adapt RxJS to this 😅)
Huge thank you and congrats to @domfarolino.com ❤️
I've helped / worked on / watched this through different standards bodies for more than 10 years now. ☠️
(I'm going to have a lot of work now to adapt RxJS to this 😅)
Reposted by Peeke
February 9, 2025 at 1:21 AM
Reposted by Peeke
🎉 OMG OMG OMG Chrome is shipping CSS attr() for every property!!! 🎉
I’ve been asking for this for over a decade!! w00t!!! 🤩
developer.chrome.com/blog/advance...
I’ve been asking for this for over a decade!! w00t!!! 🤩
developer.chrome.com/blog/advance...
CSS attr() gets an upgrade | Blog | Chrome for Developers
You can now use attr() with any CSS property–including custom properties–and it can parse values into data types other than strings.
developer.chrome.com
January 16, 2025 at 10:07 PM
🎉 OMG OMG OMG Chrome is shipping CSS attr() for every property!!! 🎉
I’ve been asking for this for over a decade!! w00t!!! 🤩
developer.chrome.com/blog/advance...
I’ve been asking for this for over a decade!! w00t!!! 🤩
developer.chrome.com/blog/advance...
Reposted by Peeke
#CSS scroll-state() container queries
in Chrome 133!
@container scroll-state(stuck: top) {
…
}
Read all about snapped, stuck and scrollable in this post:
developer.chrome.com/blog/css-scr...
↪ nerdy.dev/scroll-state...
in Chrome 133!
@container scroll-state(stuck: top) {
…
}
Read all about snapped, stuck and scrollable in this post:
developer.chrome.com/blog/css-scr...
↪ nerdy.dev/scroll-state...
January 15, 2025 at 8:21 PM
#CSS scroll-state() container queries
in Chrome 133!
@container scroll-state(stuck: top) {
…
}
Read all about snapped, stuck and scrollable in this post:
developer.chrome.com/blog/css-scr...
↪ nerdy.dev/scroll-state...
in Chrome 133!
@container scroll-state(stuck: top) {
…
}
Read all about snapped, stuck and scrollable in this post:
developer.chrome.com/blog/css-scr...
↪ nerdy.dev/scroll-state...
Reposted by Peeke
The Motion @vuejs.org integration guide is now available to everyone!
The guide covers:
- Enter and exit animations
- Timeline sequences
- Viewport detection
- Scroll animations
- And more!
🔗 motion.dev/docs/vue
The guide covers:
- Enter and exit animations
- Timeline sequences
- Viewport detection
- Scroll animations
- And more!
🔗 motion.dev/docs/vue
Integrate Motion with Vue 3 | Motion for JavaScript
Learn how to integrate Motion with Vue 3 by making enter animations, viewport detection, and scroll animations.
motion.dev
January 6, 2025 at 2:14 PM
The Motion @vuejs.org integration guide is now available to everyone!
The guide covers:
- Enter and exit animations
- Timeline sequences
- Viewport detection
- Scroll animations
- And more!
🔗 motion.dev/docs/vue
The guide covers:
- Enter and exit animations
- Timeline sequences
- Viewport detection
- Scroll animations
- And more!
🔗 motion.dev/docs/vue
Reposted by Peeke
What does it mean for something to be Turing complete?
I answer this question, and more, through a series of fully interactive Turing machine simulations! Play, pause, step forwards and backwards, and even write your own Turing machine programs in my latest blog post.
samwho.dev/turing-machi...
I answer this question, and more, through a series of fully interactive Turing machine simulations! Play, pause, step forwards and backwards, and even write your own Turing machine programs in my latest blog post.
samwho.dev/turing-machi...
December 20, 2024 at 10:33 PM
What does it mean for something to be Turing complete?
I answer this question, and more, through a series of fully interactive Turing machine simulations! Play, pause, step forwards and backwards, and even write your own Turing machine programs in my latest blog post.
samwho.dev/turing-machi...
I answer this question, and more, through a series of fully interactive Turing machine simulations! Play, pause, step forwards and backwards, and even write your own Turing machine programs in my latest blog post.
samwho.dev/turing-machi...
Reposted by Peeke
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 Peeke
#CSS scroll-state() container queries:
the "stuck" query
```css
@container scroll-state(stuck: top) {
box-shadow: var(--shadow-5);
border-radius: var(--radius-3);
margin: var(--size-5);
}
```
article coming soon!
(currently in Canary experiments)
the "stuck" query
```css
@container scroll-state(stuck: top) {
box-shadow: var(--shadow-5);
border-radius: var(--radius-3);
margin: var(--size-5);
}
```
article coming soon!
(currently in Canary experiments)
December 5, 2024 at 12:55 AM
#CSS scroll-state() container queries:
the "stuck" query
```css
@container scroll-state(stuck: top) {
box-shadow: var(--shadow-5);
border-radius: var(--radius-3);
margin: var(--size-5);
}
```
article coming soon!
(currently in Canary experiments)
the "stuck" query
```css
@container scroll-state(stuck: top) {
box-shadow: var(--shadow-5);
border-radius: var(--radius-3);
margin: var(--size-5);
}
```
article coming soon!
(currently in Canary experiments)
Reposted by Peeke
when i just started learning graphics, this story happened to me, with love, math, differential equations and loops, hope you will like it, inspired by @beesandbombs.bsky.social gif, text: medium.com/@akella/love...
Love, derivatives and loops
Hi, my name is Yuri, i’m a frontend developer, and I wanted to share with you my story about derivatives, love and some motion graphics.
medium.com
November 28, 2024 at 9:02 AM
when i just started learning graphics, this story happened to me, with love, math, differential equations and loops, hope you will like it, inspired by @beesandbombs.bsky.social gif, text: medium.com/@akella/love...