Lightnews — Scholar-powered news

Kevin Powell @kevinpowell.co · 5h

In case you want to skip the video and look at the code:

✅ LukyVJ's original codepen: codepen.io/LukyVj/pen/P...
✅ My finished version: codepen.io/kevinpowell/...

CSS only bubbly hover direction button - in and out

...

codepen.io

5

Kevin Powell @kevinpowell.co · 5h

One thing about making CSS content is when I see and interesting challenge, trying to solve it can make good content 😅

In this case, I saw a @codepen.io for a directionally-aware hover effect that only tracked mouse-in, so of course I wanted to try and track mouse-out too.

youtu.be/bjw0ka0raMA

Directionally aware button effect without JavaScript

YouTube video by Kevin Powell

youtu.be

2 1 17

Reposted by Kevin Powell

Kevin Powell @kevinpowell.co · 1d

Are you the type of dev who just copies and pastes hex codes?

If so, I've written an article over at @piccalil.li just for you!

I take a look at some of the new CSS colour features that are most useful for those who don't really care about colours.

piccalil.li/blog/a-pragm...

A pragmatic guide to modern CSS colours - part one

Whether you've got a firm grasp on modern CSS colour capabilities, or you're thinking 'I struggle to understand why I should use modern CSS colours at all', then the first part of this article series,...

piccalil.li

5 22 92

Kevin Powell @kevinpowell.co · 1d

Lot of people seem to be digging this, which I'm so happy about... But just wait for part 2 where we get to the fun stuff!

Kevin Powell @kevinpowell.co · 1d

Are you the type of dev who just copies and pastes hex codes?

If so, I've written an article over at @piccalil.li just for you!

I take a look at some of the new CSS colour features that are most useful for those who don't really care about colours.

piccalil.li/blog/a-pragm...

A pragmatic guide to modern CSS colours - part one

Whether you've got a firm grasp on modern CSS colour capabilities, or you're thinking 'I struggle to understand why I should use modern CSS colours at all', then the first part of this article series,...

piccalil.li

28

Kevin Powell @kevinpowell.co · 1d

Oh trust me I know 😅

1

Kevin Powell @kevinpowell.co · 1d

Haha, "the linters have figured this out, let's make units optional now!"

3 1

Reposted by Kevin Powell

PodRocket Podcast @podrocket.bsky.social · 1d

In case you missed it, we talked about the state of CSS in 2025 with @nerdy.dev and @kevinpowell.co in last weeks episode.

🎧 YouTube: buff.ly/dEXk3Ik
🎧 Apple: buff.ly/PXRbNnk
🎧 Spotify: buff.ly/q43rItW

1 8

Kevin Powell @kevinpowell.co · 1d

Are you the type of dev who just copies and pastes hex codes?

If so, I've written an article over at @piccalil.li just for you!

I take a look at some of the new CSS colour features that are most useful for those who don't really care about colours.

piccalil.li/blog/a-pragm...

A pragmatic guide to modern CSS colours - part one

Whether you've got a firm grasp on modern CSS colour capabilities, or you're thinking 'I struggle to understand why I should use modern CSS colours at all', then the first part of this article series,...

piccalil.li

5 22 92

Kevin Powell @kevinpowell.co · 1d

Honoured that you'd have me 😊

1 9

Kevin Powell @kevinpowell.co · 1d

Glad that you enjoyed it!

1 2

Reposted by Kevin Powell

Sara Soueidan @sarasoueidan.com · 1d

OK @kevinpowell.co has written what has to be one of the best (if not THE best) practical article to #CSS colors I have read in a while. piccalil.li/blog/a-pragm...

Easy to read, practical examples, and *perfect* for someone like me who's fallen behind and hasn't kept up with all the new stuff.

A pragmatic guide to modern CSS colours - part one

Whether you've got a firm grasp on modern CSS colour capabilities, or you're thinking 'I struggle to understand why I should use modern CSS colours at all', then the first part of this article series,...

piccalil.li

5 23 120

Reposted by Kevin Powell

Nordcraft @nordcraft.com · 2d

ANNOUNCEMENT! 📣

Introducing Nordcraft's BAD UX WORLD CUP running until the end of October!

Build a bad date picker, put it live, and win a shit trophy! 💩

4 8 36

Reposted by Kevin Powell

Keith J. Grant @keithjgrant.com · 5d

@kevinpowell.co sometimes layout bugs have perfect comedic timing

2 6 68

Kevin Powell @kevinpowell.co · 4d

Oh, with images it gets tricky for sure, not sure if there is anything. I haven't seen it if there is.

1

Kevin Powell @kevinpowell.co · 4d

haha, that's fantastic.

3

Reposted by Kevin Powell

Adam Argyle @nerdy.dev · 5d

just deployed to gradient.style
- better import design
- more resilient parser (understands more syntax)
- supports multi-layered gradient imports

2 12 73

Kevin Powell @kevinpowell.co · 5d

I'm working on something where I'm going to need to check contrast ratios of text/bg. I know there are a few options, (maybe all flawed in one way or another?), what's the best option these days?

11 4 13

Kevin Powell @kevinpowell.co · 5d

If you're looking for more CSS goodness, check out the replies to this post, lot's of great people and things to check out.

If you know anyone/thing to add, please do (including yourself if you want!)

Kevin Powell @kevinpowell.co · 6d

Do you have any smaller/under-the-radar CSS sites/people that you follow?

Looking for blogs, YouTube channels, or anyone who just shares cool CSS stuff.

Reply if you know any, and look at the replies for new people/sites to follow 😊

1 1 9

Reposted by Kevin Powell

Schalk Neethling @schalkneethling.com · 5d

2 reasons you should be using single color gradients in CSS - YouTube | Super cool! @kevinpowell.co | www.youtube.com/watch?v=8Nfa...

2 reasons you should be using single color gradients in CSS

YouTube video by Kevin Powell

www.youtube.com

2 8

Reposted by Kevin Powell

Kevin Powell @kevinpowell.co · 6d

Do you have any smaller/under-the-radar CSS sites/people that you follow?

Looking for blogs, YouTube channels, or anyone who just shares cool CSS stuff.

Reply if you know any, and look at the replies for new people/sites to follow 😊

17 14 55

Kevin Powell @kevinpowell.co · 6d

Oh, I feel like I'd be good at that one! Will definitely record myself doing it

2

Kevin Powell @kevinpowell.co · 6d

Oops, meant to fix that today and forgot, lol. I'll try to remember when I'm back on the computer tomorrow 😁

Kevin Powell @kevinpowell.co · 6d

Oh, nice!

1 3

Reposted by Kevin Powell

PodRocket Podcast @podrocket.bsky.social · 6d

CSS is the reigning champ in 2025.
@nerdy.dev and @kevinpowell.co join the pod to discuss.

YT: buff.ly/dEXk3Ik
Apple: buff.ly/PXRbNnk
Spotify: buff.ly/q43rItW

youtube.com/shorts/2NOwj...

CSS is the reigning champ in 2025 #frontend #webdevelopment #css #javascript

YouTube video by LogRocket

youtube.com

1 9

Reposted by Kevin Powell

CSS Weekly @cssweekly.com · 6d

Baseline Status for Video 🔥

I created an app that enables you to easily show Baseline Status for web platform features in your videos.

Here's how it works: cssw.io/introducing-...

Introducing Baseline Status for Video

Enjoy the videos and music you love, upload original content, and share it all with friends, family, and the world on YouTube.

cssw.io

2 2 7