Kevin Lee Drum
@kld.dev
🧠 JavaScript and CSS now make up 63% of my personality
🎙️Former child Elvis impersonator
🏠 https://kld.dev
🎙️Former child Elvis impersonator
🏠 https://kld.dev
Pinned
Kevin Lee Drum
@kld.dev
· Jan 15
I finally finished a long-overdue rewrite of my blackjack game. ♣️♦️♠️♥️
Vlackjack now uses @vuejs.org v3 with a reactive state object instead of vuex. I've added sound effects along with updated animations and graphics.
💥 github.com/kevinleedrum... 💥
Vlackjack now uses @vuejs.org v3 with a reactive state object instead of vuex. I've added sound effects along with updated animations and graphics.
💥 github.com/kevinleedrum... 💥
Ok, hear me out. A Lord of the Rings remake, but with these two taking the One Ring to Mordor:
August 31, 2025 at 1:39 PM
Ok, hear me out. A Lord of the Rings remake, but with these two taking the One Ring to Mordor:
Reposted by Kevin Lee Drum
🔖 here’s a little bookmarklet to let you quickly clear the cookies on a page without developer tools or incognito mode.
henry.codes/writing/a-bo...
henry.codes/writing/a-bo...
A bookmarklet for clearing cookies for the current page | Henry From Online
A quick note about bookmarklets and cookies. It's about a 3 minute read.
henry.codes
May 13, 2025 at 9:09 PM
🔖 here’s a little bookmarklet to let you quickly clear the cookies on a page without developer tools or incognito mode.
henry.codes/writing/a-bo...
henry.codes/writing/a-bo...
If you see this, post your getaway vehicle
May 4, 2025 at 4:24 PM
If you see this, post your getaway vehicle
name a sci-fi show that is NOT Star Trek
April 24, 2025 at 1:02 AM
name a sci-fi show that is NOT Star Trek
Reposted by Kevin Lee Drum
April 11, 2025 at 9:16 PM
Reposted by Kevin Lee Drum
#CSS sibling-index() and sibling-count()
available Chrome Canary with experiments enabled!
easily stagger effects like:
`transition-delay: calc(sibling-index() * .1s);`
more info and a Codepen to fork
⤷ nerdy.dev/sibling-index
available Chrome Canary with experiments enabled!
easily stagger effects like:
`transition-delay: calc(sibling-index() * .1s);`
more info and a Codepen to fork
⤷ nerdy.dev/sibling-index
March 11, 2025 at 12:50 AM
#CSS sibling-index() and sibling-count()
available Chrome Canary with experiments enabled!
easily stagger effects like:
`transition-delay: calc(sibling-index() * .1s);`
more info and a Codepen to fork
⤷ nerdy.dev/sibling-index
available Chrome Canary with experiments enabled!
easily stagger effects like:
`transition-delay: calc(sibling-index() * .1s);`
more info and a Codepen to fork
⤷ nerdy.dev/sibling-index
Reposted by Kevin Lee Drum
February 18, 2025 at 11:44 AM
We were trying the Post Malone Oreos (meh), which led me to pulling up the Wikipedia page for Hydrox cookies. And get this: Oreos are imitation Hydrox, not the other way around. My world has been turned upside-down.
February 16, 2025 at 12:23 AM
We were trying the Post Malone Oreos (meh), which led me to pulling up the Wikipedia page for Hydrox cookies. And get this: Oreos are imitation Hydrox, not the other way around. My world has been turned upside-down.
Reposted by Kevin Lee Drum
Missing the big game bc I’m paddling a boat across the subterranean lake beneath the Paris opera house
February 10, 2025 at 12:36 AM
Missing the big game bc I’m paddling a boat across the subterranean lake beneath the Paris opera house
Reposted by Kevin Lee Drum
Reposted by Kevin Lee Drum
Reposted by Kevin Lee Drum
I just love what CSS can do today. In this blog post, I explain how to create a scroll-to-top button that indicates the scroll position only with HTML and CSS.
matuzo.at/blog/2025/sc...
matuzo.at/blog/2025/sc...
Building a progress-indicating scroll-to-top button in HTML and CSS - Manuel Matuzovic
I'm a frontend developer in Graz, specialized in HTML, accessibility, and CSS layout and architecture.
matuzo.at
January 31, 2025 at 11:07 AM
I just love what CSS can do today. In this blog post, I explain how to create a scroll-to-top button that indicates the scroll position only with HTML and CSS.
matuzo.at/blog/2025/sc...
matuzo.at/blog/2025/sc...
Playing around with some SVG turbulence + displacement map + mask effects.
January 30, 2025 at 3:58 PM
Playing around with some SVG turbulence + displacement map + mask effects.
Reposted by Kevin Lee Drum
Once again, I am eating the hot dog stalagmites from under the rollers at 7-11 just to feel something.
January 24, 2025 at 12:49 AM
Once again, I am eating the hot dog stalagmites from under the rollers at 7-11 just to feel something.
Reposted by Kevin Lee Drum
Did you know you can center both vertically and horizontally in CSS now, without Flexbox or Grid?
Throw this on your block level element, and it works:
align-content: center;
justify-items: center;
And my trick to remembering it's those properties? It's the ones I never use normally 😆
Throw this on your block level element, and it works:
align-content: center;
justify-items: center;
And my trick to remembering it's those properties? It's the ones I never use normally 😆
January 14, 2025 at 8:01 PM
Did you know you can center both vertically and horizontally in CSS now, without Flexbox or Grid?
Throw this on your block level element, and it works:
align-content: center;
justify-items: center;
And my trick to remembering it's those properties? It's the ones I never use normally 😆
Throw this on your block level element, and it works:
align-content: center;
justify-items: center;
And my trick to remembering it's those properties? It's the ones I never use normally 😆
I finally finished a long-overdue rewrite of my blackjack game. ♣️♦️♠️♥️
Vlackjack now uses @vuejs.org v3 with a reactive state object instead of vuex. I've added sound effects along with updated animations and graphics.
💥 github.com/kevinleedrum... 💥
Vlackjack now uses @vuejs.org v3 with a reactive state object instead of vuex. I've added sound effects along with updated animations and graphics.
💥 github.com/kevinleedrum... 💥
January 15, 2025 at 1:45 PM
I finally finished a long-overdue rewrite of my blackjack game. ♣️♦️♠️♥️
Vlackjack now uses @vuejs.org v3 with a reactive state object instead of vuex. I've added sound effects along with updated animations and graphics.
💥 github.com/kevinleedrum... 💥
Vlackjack now uses @vuejs.org v3 with a reactive state object instead of vuex. I've added sound effects along with updated animations and graphics.
💥 github.com/kevinleedrum... 💥
Reposted by Kevin Lee Drum
"The RAAM 1 framework for assessing the accessibility of mobile apps, published by the Luxembourg Government, has been translated into English. It contains 107 testing procedures grouped in 15 themes."
accessibilite.public.lu/en/raam1/ref...
accessibilite.public.lu/en/raam1/ref...
RAAM 1: Criteria and tests
accessibilite.public.lu
January 15, 2025 at 11:24 AM
"The RAAM 1 framework for assessing the accessibility of mobile apps, published by the Luxembourg Government, has been translated into English. It contains 107 testing procedures grouped in 15 themes."
accessibilite.public.lu/en/raam1/ref...
accessibilite.public.lu/en/raam1/ref...
Reposted by Kevin Lee Drum
January 10, 2025 at 9:42 PM
Reposted by Kevin Lee Drum
💡 CSS Tip!
What if I tell you that the below animation is running without keyframes, without JavaScript and without user interaction (hover, active, etc).
Can you figure out how it's possible?
Find the answer here: css-tip.com/animation-wi...
#CSS
What if I tell you that the below animation is running without keyframes, without JavaScript and without user interaction (hover, active, etc).
Can you figure out how it's possible?
Find the answer here: css-tip.com/animation-wi...
#CSS
January 9, 2025 at 12:00 PM
💡 CSS Tip!
What if I tell you that the below animation is running without keyframes, without JavaScript and without user interaction (hover, active, etc).
Can you figure out how it's possible?
Find the answer here: css-tip.com/animation-wi...
#CSS
What if I tell you that the below animation is running without keyframes, without JavaScript and without user interaction (hover, active, etc).
Can you figure out how it's possible?
Find the answer here: css-tip.com/animation-wi...
#CSS
Reposted by Kevin Lee Drum
January 6, 2025 at 4:09 PM
Reposted by Kevin Lee Drum
My new favourite DOOM mod.
January 5, 2025 at 10:35 PM
My new favourite DOOM mod.
Getting closer to a new release of Vlackjack...
January 1, 2025 at 1:36 AM
Getting closer to a new release of Vlackjack...
import { geoCities } from "bun";
December 29, 2024 at 2:52 PM
import { geoCities } from "bun";
Me at the start of 2024 / me at the end of 2024
December 28, 2024 at 10:39 PM
Me at the start of 2024 / me at the end of 2024