Search
1000 results for “codepen”
-
[Audio] #BigMoodLittleMood
Take What You Like
#Talking about the #codependent #dance and #family #transphobia with #guest #KatieLawlerTurnbull.
#Women #Transgender #LGBTQ #LGBTQIA #Family #Relationships #Hate #Bigotry #Transphobia
-
@lynnandtonic
Ready: GS zigzag #divtober by @iamdtms
https://codepen.io/iamdtms/full/oNmLzXG -
Coding a pure #CSS 🌈 spinner...
The 4th version* of a thing I first made over a decade ago https://codepen.io/thebabydino/pen/poGyEyg?editors=1100 - now with less code than ever!
*Limited to browsers that support animating CSS custom properties and hue interpolation methods. As of Oct '23, that's no Firefox.
The Pen description contains a list of changes over the years... the history of how CSS got better, I guess.
#CodePen #cssVariables #hueInterpolation #coding #frontend #webDev #webDevelopment #cssSpinner
-
mathober day 29 - Exchange
//stardust is exchanged
//and becomes the state of you
//connected - ancienthttps://codepen.io/fractalkitty/full/jOdqPRv
#mathober2023, #mathober #mathart #creativeCoding #haiku #p5js #codepen #poetry
-
Anyway if you're into #glassmorphism effects https://github.com/web-platform-tests/interop/issues/564#issuecomment-1759136166
Started out as me coming across a GIF on Dribbble https://dribbble.com/shots/18943317-Animation
Within minutes, made this #CodePen demo:
✨ https://codepen.io/thebabydino/pen/VwqgrrEBut this demo animates CSS variables, so it can't work in Firefox.
Okay, no CSS vars animation version 🤷♀️
https://codepen.io/thebabydino/pen/OJrddJjBut we still hit 🪲 1816561 https://bugzilla.mozilla.org/show_bug.cgi?id=1816561#c2
So here's a fake 3D version https://codepen.io/thebabydino/pen/poqmJNa
-
Thanks @chriscoyier for the shoutout of Tram-Lite in the recent CodePen blog post:
https://blog.codepen.io/2023/09/04/chris-corner-web-components-dont-need-you/
While adoption may be slow still (and as you mention, rightfully so), no reason why people can't start playing around, and getting familiar with Web-Components today!
-
Thanks @chriscoyier for the shoutout of Tram-Lite in the recent CodePen blog post:
https://blog.codepen.io/2023/09/04/chris-corner-web-components-dont-need-you/
While adoption may be slow still (and as you mention, rightfully so), no reason why people can't start playing around, and getting familiar with Web-Components today!
-
Thanks @chriscoyier for the shoutout of Tram-Lite in the recent CodePen blog post:
https://blog.codepen.io/2023/09/04/chris-corner-web-components-dont-need-you/
While adoption may be slow still (and as you mention, rightfully so), no reason why people can't start playing around, and getting familiar with Web-Components today!
-
Thanks @chriscoyier for the shoutout of Tram-Lite in the recent CodePen blog post:
https://blog.codepen.io/2023/09/04/chris-corner-web-components-dont-need-you/
While adoption may be slow still (and as you mention, rightfully so), no reason why people can't start playing around, and getting familiar with Web-Components today!
-
Thanks @chriscoyier for the shoutout of Tram-Lite in the recent CodePen blog post:
https://blog.codepen.io/2023/09/04/chris-corner-web-components-dont-need-you/
While adoption may be slow still (and as you mention, rightfully so), no reason why people can't start playing around, and getting familiar with Web-Components today!
-
If you are still on #Twitter after everything #ElonMusk has done to make it a punishing experience, you don't have stamina. You're just #codependent, in the lamest possible way.
#quittwitter -
Anyone on macOS Sonoma (beta) can try test this @codepen on Safari 17? https://codepen.io/cheeaun/pen/ExOagmK
According to @webkit 's blog post, Safari 17 on macOS adds support for `<hr>` inside of `<select>` https://www.webkit.org/blog/14205/news-from-wwdc23-webkit-features-in-safari-17-beta/
I tried this on iOS 17 beta's Safari, it doesn't work, so it seems like only for macOS? 😅 Other browsers (Chrome, Firefox) on my machine don't support this too.
-
The most extra toggle button of late: https://codepen.io/jh3y/pen/LYgjpYZ #DayNight #Fancy #JS
-
Some more glassy pure #CSS buttons with a single button element:
✨ https://codepen.io/thebabydino/pen/ajLVGN
✨ https://codepen.io/thebabydino/pen/GBMEqv
✨ https://codepen.io/thebabydino/pen/JBrNEx
✨ https://codepen.io/thebabydino/pen/jBbXPP
#CodePen #webDev #button #buttons #control #controls #coding #webDevelopment #glassy #pastel #neon
-
🎨 CSS Art!
The last episode of #AttackOnTitan was a masterclass! Here is a CSS Art to celebrate it
A CSS-only version of The Rumbling! Coming for you! ☠️☠️ ☠️
Demo: https://codepen.io/t_afif/full/BaOLqom via :codepen: #codepen
More CSS-only Arts 👉 https://css-only.art
-
This single div #SpeakAndSpell:
- Uses speech synthesis to read each button label when pressed
- Accepts both pointer and keyboard events
- Has at least one easter egg... but it's not so hidden since I show what happens in the video here
- Taught me that making a stylized ampersand outline with background gradients is very satisfying -
This single div #SpeakAndSpell:
- Uses speech synthesis to read each button label when pressed
- Accepts both pointer and keyboard events
- Has at least one easter egg... but it's not so hidden since I show what happens in the video here
- Taught me that making a stylized ampersand outline with background gradients is very satisfying -
Another little pure #CSS pattern: rhombic 🔥 https://codepen.io/thebabydino/pen/mdKQXqg
Minified compiled CSS is under 380 bytes. Can you figure out how before checking the code? 😊
Palette:
ed7b32 f19b36 966459 824739
b65333 fadc9c f4bb3a d6552b
Rhombi have a 60° acute angle and are 4em wide. -
And here's another little pure CSS pattern: https://codepen.io/thebabydino/pen/gOKoGwB
This is a more straightforward one and I really wish I could figure out a way of doing it with fewer gradients...
Inspiration: https://www.shutterstock.com/image-vector/tile-seamless-vector-pattern-dots-squares-452213596
For reference: background patterns, simplified by conic gradients https://css-tricks.com/background-patterns-simplified-by-conic-gradients/
-
(if you're a $5 patron on Patreon, you may have already seen this one + the thought process behind)
🐝
Little pure CSS pattern:
https://codepen.io/thebabydino/pen/KKeQvaRInspiration: https://www.shutterstock.com/image-vector/abstract-pattern-geometric-wallpaper-background-illustration-329696195
Can you guess how it was made before checking the code? Can you reduce the number of gradients? Let me know! 👇
-
Here's another quick & fun pure CSS pattern: tablets (not in the sense you might first think of, but 💊)
https://codepen.io/thebabydino/pen/yLEvaeEInspiration https://www.shutterstock.com/image-vector/seamless-pattern-yellowwhite-circles-on-black-213866098
Can you guess how it was made before checking the code? Can you reduce the number of gradients? Let me know! 👇
-
First coded this pattern when I started playing with masking - at the time, it involved using a masked pseudo.
Now figured out how to do it with no pseudos! 🥳 https://codepen.io/thebabydino/pen/rNKJBLx
Can you guess how it was made before checking the code? Can you reduce the number of gradients? Let me know! 👇
-
simple 2 body with lots of bodies in p5js: https://codepen.io/fractalkitty/pen/LYegPdy
-
CW: Yep.. I'm afraid it's already that time again. #Housing #MutualAidRequest ($130/$1500)
Folks, I was walking our codependent border collie around our apartment complex tonight, enjoying the ambiance of a quaint, village-like atmosphere.
It reminded me that I really, really don't want to lose this apartment that you've all given us.. The problem is, I haven't yet landed a second job, and the hours at my current job have not been encouraging; my partner has also been getting less hours at his job as well.
We're behind on auto insurance, and I've got two days next week where I can try and get the car in somewhere to have them replace the canister purge valve, and we're beginning to run low on food.
So the time I've been dreading since the last time we did this has now arrived, and I must once again ask for your help. I've been dreading it because it's incredibly embarrassing to have to keep doing this and for the amounts we have to keep asking for.
The good news is we're starting this fundraiser with $135 thanks to a premature donation (unlike some things, I don't mind when that happens!), so we've already gotten the ball rolling as I post this.
It's scary because what if we don't make it? Each time I'm scared people will finally get fed up with us, or that they will fall into similar circumstances as us, as the world economy collapses thanks to.. well, you know, and then what happens? What do we do?
I repeat myself over and over with these fundraising posts because I feel compelled to try and explain myself; to try and prove that I'm asking for this help in earnest, that I'm trying my best even if it doesn't seem like it.
Why do I do this every time? I don't know. This is just how I'm wired, I guess. The thought of *not* infodumping with every fundraiser makes me feel queasy and anxious, I'm not kidding. I don't feel like I'm 'putting in the effort' if I don't word-vomit an essay.
Anyway, my mediocre writing skills are probably my greatest talent, so I suppose I also offer these long-winded begposts as a token of my crude artistic skill (can we even call writing "art"?) to show my friends here that I am grateful. This isn't AI, believe it or not.. this is all hand-crafted and original and shit! lol Hopefully it's at least mildly entertaining.
Maybe think of helping us as an investment for the public good because your support lets me fill the Fediverse with bullshit. "These #shitposts are brought to you by mental illness and by viewers like you!" (I may do more with that actually..)
So, my dear friends.. I think I just managed to get through an entire #begpost without being profusely apologetic and excessively self-deprecating. It feels extremely unsettling. I think it's giving me a headache.
Thank you all for your kindness, generosity, and rallying spirit; for your support and your patronage. We would literally be on the streets without you.
If you're willing AND able, please boost and if possible donate. If you can't donate, *do NOT feel guilty* for being in the same boat as us. Your feelings about it are valid but rest assured you needn't feel bad.
Venmo: https://venmo.com/thegizmotwins
Cashapp: https://cash.app/$thegizmotwins
PP: https://www.paypal.com/paypalme/gizmo1982
GFM: https://gofund.me/12171be3 -
CW: Yep.. I'm afraid it's already that time again. #Housing #MutualAidRequest ($130/$1500)
Folks, I was walking our codependent border collie around our apartment complex tonight, enjoying the ambiance of a quaint, village-like atmosphere.
It reminded me that I really, really don't want to lose this apartment that you've all given us.. The problem is, I haven't yet landed a second job, and the hours at my current job have not been encouraging; my partner has also been getting less hours at his job as well.
We're behind on auto insurance, and I've got two days next week where I can try and get the car in somewhere to have them replace the canister purge valve, and we're beginning to run low on food.
So the time I've been dreading since the last time we did this has now arrived, and I must once again ask for your help. I've been dreading it because it's incredibly embarrassing to have to keep doing this and for the amounts we have to keep asking for.
The good news is we're starting this fundraiser with $135 thanks to a premature donation (unlike some things, I don't mind when that happens!), so we've already gotten the ball rolling as I post this.
It's scary because what if we don't make it? Each time I'm scared people will finally get fed up with us, or that they will fall into similar circumstances as us, as the world economy collapses thanks to.. well, you know, and then what happens? What do we do?
I repeat myself over and over with these fundraising posts because I feel compelled to try and explain myself; to try and prove that I'm asking for this help in earnest, that I'm trying my best even if it doesn't seem like it.
Why do I do this every time? I don't know. This is just how I'm wired, I guess. The thought of *not* infodumping with every fundraiser makes me feel queasy and anxious, I'm not kidding. I don't feel like I'm 'putting in the effort' if I don't word-vomit an essay.
Anyway, my mediocre writing skills are probably my greatest talent, so I suppose I also offer these long-winded begposts as a token of my crude artistic skill (can we even call writing "art"?) to show my friends here that I am grateful. This isn't AI, believe it or not.. this is all hand-crafted and original and shit! lol Hopefully it's at least mildly entertaining.
Maybe think of helping us as an investment for the public good because your support lets me fill the Fediverse with bullshit. "These #shitposts are brought to you by mental illness and by viewers like you!" (I may do more with that actually..)
So, my dear friends.. I think I just managed to get through an entire #begpost without being profusely apologetic and excessively self-deprecating. It feels extremely unsettling. I think it's giving me a headache.
Thank you all for your kindness, generosity, and rallying spirit; for your support and your patronage. We would literally be on the streets without you.
If you're willing AND able, please boost and if possible donate. If you can't donate, *do NOT feel guilty* for being in the same boat as us. Your feelings about it are valid but rest assured you needn't feel bad.
Venmo: https://venmo.com/thegizmotwins
Cashapp: https://cash.app/$thegizmotwins
PP: https://www.paypal.com/paypalme/gizmo1982
GFM: https://gofund.me/12171be3 -
CW: Yep.. I'm afraid it's already that time again. #Housing #MutualAidRequest ($130/$1500)
Folks, I was walking our codependent border collie around our apartment complex tonight, enjoying the ambiance of a quaint, village-like atmosphere.
It reminded me that I really, really don't want to lose this apartment that you've all given us.. The problem is, I haven't yet landed a second job, and the hours at my current job have not been encouraging; my partner has also been getting less hours at his job as well.
We're behind on auto insurance, and I've got two days next week where I can try and get the car in somewhere to have them replace the canister purge valve, and we're beginning to run low on food.
So the time I've been dreading since the last time we did this has now arrived, and I must once again ask for your help. I've been dreading it because it's incredibly embarrassing to have to keep doing this and for the amounts we have to keep asking for.
The good news is we're starting this fundraiser with $135 thanks to a premature donation (unlike some things, I don't mind when that happens!), so we've already gotten the ball rolling as I post this.
It's scary because what if we don't make it? Each time I'm scared people will finally get fed up with us, or that they will fall into similar circumstances as us, as the world economy collapses thanks to.. well, you know, and then what happens? What do we do?
I repeat myself over and over with these fundraising posts because I feel compelled to try and explain myself; to try and prove that I'm asking for this help in earnest, that I'm trying my best even if it doesn't seem like it.
Why do I do this every time? I don't know. This is just how I'm wired, I guess. The thought of *not* infodumping with every fundraiser makes me feel queasy and anxious, I'm not kidding. I don't feel like I'm 'putting in the effort' if I don't word-vomit an essay.
Anyway, my mediocre writing skills are probably my greatest talent, so I suppose I also offer these long-winded begposts as a token of my crude artistic skill (can we even call writing "art"?) to show my friends here that I am grateful. This isn't AI, believe it or not.. this is all hand-crafted and original and shit! lol Hopefully it's at least mildly entertaining.
Maybe think of helping us as an investment for the public good because your support lets me fill the Fediverse with bullshit. "These #shitposts are brought to you by mental illness and by viewers like you!" (I may do more with that actually..)
So, my dear friends.. I think I just managed to get through an entire #begpost without being profusely apologetic and excessively self-deprecating. It feels extremely unsettling. I think it's giving me a headache.
Thank you all for your kindness, generosity, and rallying spirit; for your support and your patronage. We would literally be on the streets without you.
If you're willing AND able, please boost and if possible donate. If you can't donate, *do NOT feel guilty* for being in the same boat as us. Your feelings about it are valid but rest assured you needn't feel bad.
Venmo: https://venmo.com/thegizmotwins
Cashapp: https://cash.app/$thegizmotwins
PP: https://www.paypal.com/paypalme/gizmo1982
GFM: https://gofund.me/12171be3 -
CW: Yep.. I'm afraid it's already that time again. #Housing #MutualAidRequest ($130/$1500)
Folks, I was walking our codependent border collie around our apartment complex tonight, enjoying the ambiance of a quaint, village-like atmosphere.
It reminded me that I really, really don't want to lose this apartment that you've all given us.. The problem is, I haven't yet landed a second job, and the hours at my current job have not been encouraging; my partner has also been getting less hours at his job as well.
We're behind on auto insurance, and I've got two days next week where I can try and get the car in somewhere to have them replace the canister purge valve, and we're beginning to run low on food.
So the time I've been dreading since the last time we did this has now arrived, and I must once again ask for your help. I've been dreading it because it's incredibly embarrassing to have to keep doing this and for the amounts we have to keep asking for.
The good news is we're starting this fundraiser with $135 thanks to a premature donation (unlike some things, I don't mind when that happens!), so we've already gotten the ball rolling as I post this.
It's scary because what if we don't make it? Each time I'm scared people will finally get fed up with us, or that they will fall into similar circumstances as us, as the world economy collapses thanks to.. well, you know, and then what happens? What do we do?
I repeat myself over and over with these fundraising posts because I feel compelled to try and explain myself; to try and prove that I'm asking for this help in earnest, that I'm trying my best even if it doesn't seem like it.
Why do I do this every time? I don't know. This is just how I'm wired, I guess. The thought of *not* infodumping with every fundraiser makes me feel queasy and anxious, I'm not kidding. I don't feel like I'm 'putting in the effort' if I don't word-vomit an essay.
Anyway, my mediocre writing skills are probably my greatest talent, so I suppose I also offer these long-winded begposts as a token of my crude artistic skill (can we even call writing "art"?) to show my friends here that I am grateful. This isn't AI, believe it or not.. this is all hand-crafted and original and shit! lol Hopefully it's at least mildly entertaining.
Maybe think of helping us as an investment for the public good because your support lets me fill the Fediverse with bullshit. "These #shitposts are brought to you by mental illness and by viewers like you!" (I may do more with that actually..)
So, my dear friends.. I think I just managed to get through an entire #begpost without being profusely apologetic and excessively self-deprecating. It feels extremely unsettling. I think it's giving me a headache.
Thank you all for your kindness, generosity, and rallying spirit; for your support and your patronage. We would literally be on the streets without you.
If you're willing AND able, please boost and if possible donate. If you can't donate, *do NOT feel guilty* for being in the same boat as us. Your feelings about it are valid but rest assured you needn't feel bad.
Venmo: https://venmo.com/thegizmotwins
Cashapp: https://cash.app/$thegizmotwins
PP: https://www.paypal.com/paypalme/gizmo1982
GFM: https://gofund.me/12171be3
