Sunkanmi Fafowora
@sunkanmifafowora.bsky.social
Trying to live and love like Christ
Writing for https://css-tricks.com
Working on https://css-questions.com
Writing for https://css-tricks.com
Working on https://css-questions.com
Super excited about this one!
Can't wait for y'all to see the article once it comes out. :)
codepen.io/sunkanmii-th...
#css
Can't wait for y'all to see the article once it comes out. :)
codepen.io/sunkanmii-th...
#css
3D CSS Steak - colored!
...
codepen.io
November 11, 2025 at 12:33 PM
Super excited about this one!
Can't wait for y'all to see the article once it comes out. :)
codepen.io/sunkanmii-th...
#css
Can't wait for y'all to see the article once it comes out. :)
codepen.io/sunkanmii-th...
#css
Built a 3D CSS steak!
Join the live stream for some fun. :)
P.S would also discuss some new stuff in CSS
www.twitch.tv/sunkiyin
Join the live stream for some fun. :)
P.S would also discuss some new stuff in CSS
www.twitch.tv/sunkiyin
sunkiyin - Twitch
Let's build a 3D CSS steak - part 2
www.twitch.tv
November 9, 2025 at 9:50 PM
Built a 3D CSS steak!
Join the live stream for some fun. :)
P.S would also discuss some new stuff in CSS
www.twitch.tv/sunkiyin
Join the live stream for some fun. :)
P.S would also discuss some new stuff in CSS
www.twitch.tv/sunkiyin
3 key things to know if you want to master 3D CSS:
1. Understanding the x, y, and z axis of a plane
2. How the CSS perspective works
3. CSS transform funtions to make it interactive
Bonus:
1. Having a solid understanding of mathematics will deepen your knowledge
2. Being creative helps a lot
1. Understanding the x, y, and z axis of a plane
2. How the CSS perspective works
3. CSS transform funtions to make it interactive
Bonus:
1. Having a solid understanding of mathematics will deepen your knowledge
2. Being creative helps a lot
November 4, 2025 at 9:23 PM
3 key things to know if you want to master 3D CSS:
1. Understanding the x, y, and z axis of a plane
2. How the CSS perspective works
3. CSS transform funtions to make it interactive
Bonus:
1. Having a solid understanding of mathematics will deepen your knowledge
2. Being creative helps a lot
1. Understanding the x, y, and z axis of a plane
2. How the CSS perspective works
3. CSS transform funtions to make it interactive
Bonus:
1. Having a solid understanding of mathematics will deepen your knowledge
2. Being creative helps a lot
Was itching for something new in CSS to read.
Thanks @undeadinstitute.bsky.social !!
css-tricks.com/almanac/func...
Thanks @undeadinstitute.bsky.social !!
css-tricks.com/almanac/func...
ray() | CSS-Tricks
The ray() function is used in combination with the offset-path property and creates a line segment, a ray. It lets you move or place an element using polar coordinates, i.e. coordinates based on a dis...
css-tricks.com
November 4, 2025 at 2:02 PM
Was itching for something new in CSS to read.
Thanks @undeadinstitute.bsky.social !!
css-tricks.com/almanac/func...
Thanks @undeadinstitute.bsky.social !!
css-tricks.com/almanac/func...
Okay, CSS in AI does need some work, but it's not that bad.
*might change later
*might change later
November 3, 2025 at 11:57 AM
Okay, CSS in AI does need some work, but it's not that bad.
*might change later
*might change later
Reposted by Sunkanmi Fafowora
There appears to be a hell of a wave of new followers going on at the moment so:
1. Here's my publication @piccalil.li
2. Here's my newsletter piccalil.li/the-index/
3. Here's my course piccalil.li/complete-css/ (including free lessons)
4. Here's all of our courses! piccalil.li/courses/
1. Here's my publication @piccalil.li
2. Here's my newsletter piccalil.li/the-index/
3. Here's my course piccalil.li/complete-css/ (including free lessons)
4. Here's all of our courses! piccalil.li/courses/
Complete CSS
A high quality, expansive CSS course that will elevate your CSS and core skills to a level you never thought was achievable.
piccalil.li
November 3, 2025 at 9:09 AM
There appears to be a hell of a wave of new followers going on at the moment so:
1. Here's my publication @piccalil.li
2. Here's my newsletter piccalil.li/the-index/
3. Here's my course piccalil.li/complete-css/ (including free lessons)
4. Here's all of our courses! piccalil.li/courses/
1. Here's my publication @piccalil.li
2. Here's my newsletter piccalil.li/the-index/
3. Here's my course piccalil.li/complete-css/ (including free lessons)
4. Here's all of our courses! piccalil.li/courses/
Come say hi. :)
November 2, 2025 at 6:12 PM
Come say hi. :)
Learn 3D CSS with these resources:
1. CSS in 3D by @jhey.dev - css-tricks.com/css-in-3d-le...
2. How CSS Perspective Works by @amitsheen.bsky.social - css-tricks.com/how-css-pers...
3. `perspective` Property by @developer.mozilla.org - developer.mozilla.org/en-US/docs/W...
1. CSS in 3D by @jhey.dev - css-tricks.com/css-in-3d-le...
2. How CSS Perspective Works by @amitsheen.bsky.social - css-tricks.com/how-css-pers...
3. `perspective` Property by @developer.mozilla.org - developer.mozilla.org/en-US/docs/W...
October 29, 2025 at 12:28 PM
Learn 3D CSS with these resources:
1. CSS in 3D by @jhey.dev - css-tricks.com/css-in-3d-le...
2. How CSS Perspective Works by @amitsheen.bsky.social - css-tricks.com/how-css-pers...
3. `perspective` Property by @developer.mozilla.org - developer.mozilla.org/en-US/docs/W...
1. CSS in 3D by @jhey.dev - css-tricks.com/css-in-3d-le...
2. How CSS Perspective Works by @amitsheen.bsky.social - css-tricks.com/how-css-pers...
3. `perspective` Property by @developer.mozilla.org - developer.mozilla.org/en-US/docs/W...
🎉🎉🎉
Gecko: Intent to prototype & ship: CSS contrast-color() function
Gecko: Intent to prototype & ship: CSS contrast-color() function
Gecko: Intent to prototype & ship: CSS contrast-color() function
groups.google.com
October 27, 2025 at 4:27 PM
🎉🎉🎉
Reposted by Sunkanmi Fafowora
Alright folks, just a reminder from me that the JavaScript for Everyone course by @wil.to goes full price at the end of the day tomorrow.
Don't miss out!
piccalil.li/javascript-f...
Don't miss out!
piccalil.li/javascript-f...
JavaScript for Everyone
A high quality, expansive written course that will elevate your JavaScript skills to a level you never thought was achievable.
piccalil.li
October 27, 2025 at 10:49 AM
Alright folks, just a reminder from me that the JavaScript for Everyone course by @wil.to goes full price at the end of the day tomorrow.
Don't miss out!
piccalil.li/javascript-f...
Don't miss out!
piccalil.li/javascript-f...
Reposted by Sunkanmi Fafowora
#JS folks, what have you needed JS class mixins/traits for?
Especially interested in use cases outside of Web Components (I already have plenty around WC)
Especially interested in use cases outside of Web Components (I already have plenty around WC)
October 27, 2025 at 3:05 PM
#JS folks, what have you needed JS class mixins/traits for?
Especially interested in use cases outside of Web Components (I already have plenty around WC)
Especially interested in use cases outside of Web Components (I already have plenty around WC)
I used px instead of the deg unit inside the rotate function for my 3D element in CSS for almost an hour.
How is your day going?
How is your day going?
October 21, 2025 at 3:55 PM
I used px instead of the deg unit inside the rotate function for my 3D element in CSS for almost an hour.
How is your day going?
How is your day going?
I will consider myself an unofficial member with the way I silently read and understand CSSWG issues and comments, and make my own deductions from them.... well, in a few months/years though.
October 10, 2025 at 11:47 AM
I will consider myself an unofficial member with the way I silently read and understand CSSWG issues and comments, and make my own deductions from them.... well, in a few months/years though.
3 nightmares I've had to style in CSS (i.e relied on hacks):
- <table>
- <video>
- <form> (this is getting better thanks to the new pseudo-classes and pseudo-elements... article on this soon).
- <table>
- <video>
- <form> (this is getting better thanks to the new pseudo-classes and pseudo-elements... article on this soon).
October 9, 2025 at 11:05 AM
3 nightmares I've had to style in CSS (i.e relied on hacks):
- <table>
- <video>
- <form> (this is getting better thanks to the new pseudo-classes and pseudo-elements... article on this soon).
- <table>
- <video>
- <form> (this is getting better thanks to the new pseudo-classes and pseudo-elements... article on this soon).
Is there a new and easy way to edit the HTML <video> element now?
October 9, 2025 at 11:04 AM
Is there a new and easy way to edit the HTML <video> element now?
October 7, 2025 at 11:43 PM
You said it! 💯
Love the buzz around CSS color functions. Can't wait to see the wacky demos birthed from this.
Love the buzz around CSS color functions. Can't wait to see the wacky demos birthed from this.
So. Danged. Good.
Pairs well with this ginormous guide on color functions by @sunkanmifafowora.bsky.social.
css-tricks.com/css-color-fu...
Pairs well with this ginormous guide on color functions by @sunkanmifafowora.bsky.social.
css-tricks.com/css-color-fu...
October 7, 2025 at 9:35 PM
You said it! 💯
Love the buzz around CSS color functions. Can't wait to see the wacky demos birthed from this.
Love the buzz around CSS color functions. Can't wait to see the wacky demos birthed from this.
I like the fresh perspective this brings.
Well done!🔥
Well done!🔥
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...
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
October 7, 2025 at 9:33 PM
I like the fresh perspective this brings.
Well done!🔥
Well done!🔥
Reposted by Sunkanmi Fafowora
So. Danged. Good.
Pairs well with this ginormous guide on color functions by @sunkanmifafowora.bsky.social.
css-tricks.com/css-color-fu...
Pairs well with this ginormous guide on color functions by @sunkanmifafowora.bsky.social.
css-tricks.com/css-color-fu...
October 7, 2025 at 6:50 PM
So. Danged. Good.
Pairs well with this ginormous guide on color functions by @sunkanmifafowora.bsky.social.
css-tricks.com/css-color-fu...
Pairs well with this ginormous guide on color functions by @sunkanmifafowora.bsky.social.
css-tricks.com/css-color-fu...
Another interesting piece I wrote.🙂↔️
Interesting to think about what other types of ::picker we'll be able to style beyond
October 7, 2025 at 5:51 PM
Another interesting piece I wrote.🙂↔️