Search
1000 results for “codepen”
-
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 -
If you go to https://pen.new it will open a new pen at codepen; super useful when trying new things
-
3D CSS demo by Josetxu.
https://codepen.io/josetxu/pen/MYjzwgGMouse over the string holders and make the puppet move. All coded in HTML+CSS.
-
3D CSS demo by Josetxu.
https://codepen.io/josetxu/pen/MYjzwgGMouse over the string holders and make the puppet move. All coded in HTML+CSS.
-
3D CSS demo by Josetxu.
https://codepen.io/josetxu/pen/MYjzwgGMouse over the string holders and make the puppet move. All coded in HTML+CSS.
-
3D CSS demo by Josetxu.
https://codepen.io/josetxu/pen/MYjzwgGMouse over the string holders and make the puppet move. All coded in HTML+CSS.
-
Has anyone tried adding @fontawesome and @webawesome to a 2.0 pen on @codepen? In https://www.youtube.com/shorts/CO_9Zx9ELEc, @chriscoyier adds an import to script.js that references the NPM package for Web Awesome, and then #CodePen generates a package.json. I'm still trying to figure out how to do that with an NPM auth token.
#WebAwesome #FontAwesome #NPM
Has anyone figured this out? -
How ‘School Spirits’ shows the impact of addiction, codependency and forgiveness through Peyton List’s Maddie
We’re so close to the Season 3 finale of School Spirits, the Paramount+ hit that’s easily one of…
#NewsBeep #News #TV #CA #Canada #Entertainment #KristianVentura #Maddie #MeganTrinrud #MiloManheim #NateTrinrud #PeytonList #SchoolSpirits #simon #SimonElroy #Ventura
https://www.newsbeep.com/ca/514025/ -
Clip element on #scroll - a little pure #CSS demo I made on @codepen https://codepen.io/thebabydino/pen/vEGBOrg
Just scroll-driven animation magic 🪄✨ - no other tricks.
#cssScrollAnimation #code #coding #web #dev #webDev #webDevelopment #cssClipPath #cssGrid #cssLayout
-
Clip element on #scroll - a little pure #CSS demo I made on @codepen https://codepen.io/thebabydino/pen/vEGBOrg
Just scroll-driven animation magic 🪄✨ - no other tricks.
#cssScrollAnimation #code #coding #web #dev #webDev #webDevelopment #cssClipPath #cssGrid #cssLayout
-
Clip element on #scroll - a little pure #CSS demo I made on @codepen https://codepen.io/thebabydino/pen/vEGBOrg
Just scroll-driven animation magic 🪄✨ - no other tricks.
#cssScrollAnimation #code #coding #web #dev #webDev #webDevelopment #cssClipPath #cssGrid #cssLayout
-
Clip element on #scroll - a little pure #CSS demo I made on @codepen https://codepen.io/thebabydino/pen/vEGBOrg
Just scroll-driven animation magic 🪄✨ - no other tricks.
#cssScrollAnimation #code #coding #web #dev #webDev #webDevelopment #cssClipPath #cssGrid #cssLayout
-
Clip element on #scroll - a little pure #CSS demo I made on @codepen https://codepen.io/thebabydino/pen/vEGBOrg
Just scroll-driven animation magic 🪄✨ - no other tricks.
#cssScrollAnimation #code #coding #web #dev #webDev #webDevelopment #cssClipPath #cssGrid #cssLayout
-
RE: https://mastodon.social/@anatudor/115650006455384500
Because someone just hearted this @codepen demo: https://codepen.io/thebabydino/pen/QwNwWOJ
It was made for a recent article I wrote - check it out, I promise you'll learn something you didn't know before! 👇
#CSS #filter #SVG #cssFilter #svgFilter #cssMask #cssGradient #coding #frontend #web #dev #webDev #webDevelopment #code
-
RE: https://mastodon.social/@anatudor/115650006455384500
Because someone just hearted this @codepen demo: https://codepen.io/thebabydino/pen/QwNwWOJ
It was made for a recent article I wrote - check it out, I promise you'll learn something you didn't know before! 👇
#CSS #filter #SVG #cssFilter #svgFilter #cssMask #cssGradient #coding #frontend #web #dev #webDev #webDevelopment #code
-
RE: https://mastodon.social/@anatudor/115650006455384500
Because someone just hearted this @codepen demo: https://codepen.io/thebabydino/pen/QwNwWOJ
It was made for a recent article I wrote - check it out, I promise you'll learn something you didn't know before! 👇
#CSS #filter #SVG #cssFilter #svgFilter #cssMask #cssGradient #coding #frontend #web #dev #webDev #webDevelopment #code
-
RE: https://mastodon.social/@anatudor/115650006455384500
Because someone just hearted this @codepen demo: https://codepen.io/thebabydino/pen/QwNwWOJ
It was made for a recent article I wrote - check it out, I promise you'll learn something you didn't know before! 👇
#CSS #filter #SVG #cssFilter #svgFilter #cssMask #cssGradient #coding #frontend #web #dev #webDev #webDevelopment #code
-
RE: https://mastodon.social/@anatudor/115650006455384500
Because someone just hearted this @codepen demo: https://codepen.io/thebabydino/pen/QwNwWOJ
It was made for a recent article I wrote - check it out, I promise you'll learn something you didn't know before! 👇
#CSS #filter #SVG #cssFilter #svgFilter #cssMask #cssGradient #coding #frontend #web #dev #webDev #webDevelopment #code
-
Some glassy pure #CSS buttons with a single button element - check them out on @codepen https://codepen.io/thebabydino/pen/JBrNEx
#code #coding #cssGradient #frontend #web #dev #webDev #webDevelopment
-
Drawing with CSS after a long while... https://codepen.io/alvaromontoro/pen/QwEEOPx
There was a little bit of back and forth with the drawing, but I like how it turned out in the end.
-
Pure CSS image with spaced out gradient border extracted from image palette - live on @codepen https://codepen.io/thebabydino/pen/VwqEapG
Also see the Safari only version, which can use a `filter()` function value for `border-image`, so it doesnt need an `img` wrapper https://codepen.io/thebabydino/pen/XWxdyro
#CSS #filter #cssFilter #SVG #svgFilter #web #dev #webDev #webDevelopment
-
Pure CSS image with spaced out gradient border extracted from image palette - live on @codepen https://codepen.io/thebabydino/pen/VwqEapG
Also see the Safari only version, which can use a `filter()` function value for `border-image`, so it doesnt need an `img` wrapper https://codepen.io/thebabydino/pen/XWxdyro
#CSS #filter #cssFilter #SVG #svgFilter #web #dev #webDev #webDevelopment
-
Pure CSS image with spaced out gradient border extracted from image palette - live on @codepen https://codepen.io/thebabydino/pen/VwqEapG
Also see the Safari only version, which can use a `filter()` function value for `border-image`, so it doesnt need an `img` wrapper https://codepen.io/thebabydino/pen/XWxdyro
#CSS #filter #cssFilter #SVG #svgFilter #web #dev #webDev #webDevelopment
-
Pure CSS image with spaced out gradient border extracted from image palette - live on @codepen https://codepen.io/thebabydino/pen/VwqEapG
Also see the Safari only version, which can use a `filter()` function value for `border-image`, so it doesnt need an `img` wrapper https://codepen.io/thebabydino/pen/XWxdyro
#CSS #filter #cssFilter #SVG #svgFilter #web #dev #webDev #webDevelopment
-
Pure CSS image with spaced out gradient border extracted from image palette - live on @codepen https://codepen.io/thebabydino/pen/VwqEapG
Also see the Safari only version, which can use a `filter()` function value for `border-image`, so it doesnt need an `img` wrapper https://codepen.io/thebabydino/pen/XWxdyro
#CSS #filter #cssFilter #SVG #svgFilter #web #dev #webDev #webDevelopment
-
Concave rounded shape (real transparency, no covers) on @codepen https://codepen.io/thebabydino/pen/KwMPrMM
`clip-path`/ `mask` on the image have no idea about the dimensions of corner elems. We need another way to create the shape taking into account how those elements are resized by text reflow.
No magic numbers and no media/ container queries. Instead, we use #subgrid to add the cutout areas to a frame and on #SVG filters to round the shaped frame & to extract just the shaped image.
-
Concave rounded shape (real transparency, no covers) on @codepen https://codepen.io/thebabydino/pen/KwMPrMM
`clip-path`/ `mask` on the image have no idea about the dimensions of corner elems. We need another way to create the shape taking into account how those elements are resized by text reflow.
No magic numbers and no media/ container queries. Instead, we use #subgrid to add the cutout areas to a frame and on #SVG filters to round the shaped frame & to extract just the shaped image.
-
Concave rounded shape (real transparency, no covers) on @codepen https://codepen.io/thebabydino/pen/KwMPrMM
`clip-path`/ `mask` on the image have no idea about the dimensions of corner elems. We need another way to create the shape taking into account how those elements are resized by text reflow.
No magic numbers and no media/ container queries. Instead, we use #subgrid to add the cutout areas to a frame and on #SVG filters to round the shaped frame & to extract just the shaped image.
-
Concave rounded shape (real transparency, no covers) on @codepen https://codepen.io/thebabydino/pen/KwMPrMM
`clip-path`/ `mask` on the image have no idea about the dimensions of corner elems. We need another way to create the shape taking into account how those elements are resized by text reflow.
No magic numbers and no media/ container queries. Instead, we use #subgrid to add the cutout areas to a frame and on #SVG filters to round the shaped frame & to extract just the shaped image.
-
Concave rounded shape (real transparency, no covers) on @codepen https://codepen.io/thebabydino/pen/KwMPrMM
`clip-path`/ `mask` on the image have no idea about the dimensions of corner elems. We need another way to create the shape taking into account how those elements are resized by text reflow.
No magic numbers and no media/ container queries. Instead, we use #subgrid to add the cutout areas to a frame and on #SVG filters to round the shaped frame & to extract just the shaped image.