Karpuzakis
@karpuzakis.bsky.social
Reposted by Karpuzakis
I made a Swiper component with CSS and it's smooth as hell. No more manually translating with JS or janky animations.
www.youtube.com/watch?v=Wjuq...
www.youtube.com/watch?v=Wjuq...
Can You Build A Swipe UI With Only CSS?
YouTube video by Syntax
www.youtube.com
November 25, 2025 at 4:42 PM
I made a Swiper component with CSS and it's smooth as hell. No more manually translating with JS or janky animations.
www.youtube.com/watch?v=Wjuq...
www.youtube.com/watch?v=Wjuq...
Reposted by Karpuzakis
guards. seize him. he’s already blogged about this 😮💨
How To Distort Text With SVG Filters | Henry From Online
Just doin’ a quick one today on SVG filter primitives and how to do cool text effects with them.
henry.codes
November 24, 2025 at 6:04 PM
guards. seize him. he’s already blogged about this 😮💨
Reposted by Karpuzakis
super easy CSS sticky scroll hide/reveal 🧑🍳
.sticky-atc {
position: fixed;
inset: auto 0 0 0;
transition: translate 0.26s cubic-bezier(.55,0,.67,1.25);
/* hide when scrolling down */
@container scroll-state(scrolled: bottom) {
translate: 0 100%;
transition-delay: 0.5s;
}
}
.sticky-atc {
position: fixed;
inset: auto 0 0 0;
transition: translate 0.26s cubic-bezier(.55,0,.67,1.25);
/* hide when scrolling down */
@container scroll-state(scrolled: bottom) {
translate: 0 100%;
transition-delay: 0.5s;
}
}
October 22, 2025 at 11:22 PM
super easy CSS sticky scroll hide/reveal 🧑🍳
.sticky-atc {
position: fixed;
inset: auto 0 0 0;
transition: translate 0.26s cubic-bezier(.55,0,.67,1.25);
/* hide when scrolling down */
@container scroll-state(scrolled: bottom) {
translate: 0 100%;
transition-delay: 0.5s;
}
}
.sticky-atc {
position: fixed;
inset: auto 0 0 0;
transition: translate 0.26s cubic-bezier(.55,0,.67,1.25);
/* hide when scrolling down */
@container scroll-state(scrolled: bottom) {
translate: 0 100%;
transition-delay: 0.5s;
}
}
Reposted by Karpuzakis
couldn't get @strange.website's WDC talk out my head. had to build a new home. i am once again asking you to not judge me for redesigning my site scott.is
October 11, 2025 at 10:48 PM
couldn't get @strange.website's WDC talk out my head. had to build a new home. i am once again asking you to not judge me for redesigning my site scott.is
Reposted by Karpuzakis
Yup I blogged it!
Calling it a "starter" instead of a "reset" as it's not massively about stripping away styles.
I quite like it and I'm extra interested in thoughts/critique.
Calling it a "starter" instead of a "reset" as it's not massively about stripping away styles.
I quite like it and I'm extra interested in thoughts/critique.
September 26, 2025 at 6:22 PM
Yup I blogged it!
Calling it a "starter" instead of a "reset" as it's not massively about stripping away styles.
I quite like it and I'm extra interested in thoughts/critique.
Calling it a "starter" instead of a "reset" as it's not massively about stripping away styles.
I quite like it and I'm extra interested in thoughts/critique.
Reposted by Karpuzakis
Five ways to do "three columns, except when narrow screen, then one".
frontendmasters.com/blog/breakpo...
Including some fancy newfangled CSS. Which one do you like?
frontendmasters.com/blog/breakpo...
Including some fancy newfangled CSS. Which one do you like?
Breakpoint Columns, Five Ways. Which Do You Like?
There are usually multiple ways to do the same thing on the web. Sometimes... a lot of ways. Which is
frontendmasters.com
September 12, 2025 at 6:08 PM
Five ways to do "three columns, except when narrow screen, then one".
frontendmasters.com/blog/breakpo...
Including some fancy newfangled CSS. Which one do you like?
frontendmasters.com/blog/breakpo...
Including some fancy newfangled CSS. Which one do you like?