Search
1000 results for “codepen”
-
CW: Mental Health, Codependency, Gaslighting
After doing the work in #therapy to recognize #codependence, #anxiety, #depression, and bad #copingmechanisms, is anyone else out there #triggered just by being around folks who haven’t done the work?
Just got so frustrated with my over bearing, codependent mother-in-law for not listening to my husband and I and she had the nerve to tell me I needed to calm down. The #gaslighting will not be tolerated. No ma’am.
-
CW: Mental Health, Codependency, Gaslighting
After doing the work in #therapy to recognize #codependence, #anxiety, #depression, and bad #copingmechanisms, is anyone else out there #triggered just by being around folks who haven’t done the work?
Just got so frustrated with my over bearing, codependent mother-in-law for not listening to my husband and I and she had the nerve to tell me I needed to calm down. The #gaslighting will not be tolerated. No ma’am.
-
CW: Mental Health, Codependency, Gaslighting
After doing the work in #therapy to recognize #codependence, #anxiety, #depression, and bad #copingmechanisms, is anyone else out there #triggered just by being around folks who haven’t done the work?
Just got so frustrated with my over bearing, codependent mother-in-law for not listening to my husband and I and she had the nerve to tell me I needed to calm down. The #gaslighting will not be tolerated. No ma’am.
-
CW: Mental Health, Codependency, Gaslighting
After doing the work in #therapy to recognize #codependence, #anxiety, #depression, and bad #copingmechanisms, is anyone else out there #triggered just by being around folks who haven’t done the work?
Just got so frustrated with my over bearing, codependent mother-in-law for not listening to my husband and I and she had the nerve to tell me I needed to calm down. The #gaslighting will not be tolerated. No ma’am.
-
CW: Mental Health, Codependency, Gaslighting
After doing the work in #therapy to recognize #codependence, #anxiety, #depression, and bad #copingmechanisms, is anyone else out there #triggered just by being around folks who haven’t done the work?
Just got so frustrated with my over bearing, codependent mother-in-law for not listening to my husband and I and she had the nerve to tell me I needed to calm down. The #gaslighting will not be tolerated. No ma’am.
-
Coded straight lines (38minutes of code) with RC creative coding group prompt. I could go on forever with curves, but stopped myself.
https://www.youtube.com/watch?v=dpOSCTnKXx4
-
A friend showed me a leetcode problem yesterday at the Recurse Center:
Which led me to play for a bit on paper, then drafted a rough a visual toy:
https://codepen.io/fractalkitty/live/WbvJKgy
(I haven't actually done any leetcode problems because I often end up on paper and down rabbit holes)
-
1️⃣2️⃣ 486 ❤️ Pure #CSS 1 div card backgrounds https://codepen.io/thebabydino/pen/GRRpzNX
Using mask compositing, which I explained in this @csstricks article https://css-tricks.com/mask-compositing-the-crash-course/
Another where I should go through the code and improve it as it can be simplified nowadays... a lot even!
#cssMask #code #coding #cssGradient #web #dev #webDev #webDevelopment #frontend
-
7️⃣ 749 ❤️ Pure #CSS Möbius 6hedrons https://codepen.io/thebabydino/pen/mJojKd
The how behind I live coded it in 30 minutes https://css-tricks.com/how-i-live-coded-my-most-hearted-codepen-demo/
Could be improved with CSS variables nowadays, see https://css-tricks.com/simplifying-css-cubes-custom-properties/ as well as by using CSS trigonometric functions.
#3D #Maths #geometry #cssTransform #cssTransforms #trigonometry #code #web #dev #webDev #webDevelopment #coding #frontend
-
#WebComponents people, in this Codepen that I set up for testing, the dialog inside the #ShadowDOM cannot be open by its sibling button even enough they're connected by correct ID attribute.
Is this expected or am I missing something here? -
Here's a little image gallery demo I made on @codepen
https://codepen.io/thebabydino/pen/LEYrVaEAlmost pure #CSS. Minimal #JS for changing the index of the current image on click.
For the how ensuring the #3D rotated side images have a given 2D projection on the screen, see https://stackoverflow.com/a/75063640/1397351
#cssTransforms #cssTransform #coding #web #dev #webDev #webDevelopment #code #frontend #Maths #geometry
-
3️⃣ 1044 ♥️ Pure #CSS gravity button https://codepen.io/thebabydino/pen/bGzeQrv - a bit mixed about it, it was just an exercise in getting a certain result - don't use it in the wild!
My first ever @codepen demo to get to 1K ♥️. And it got copied left and right.
¯\_(ツ)_/¯#cssTransforms #cssTransform #coding #web #dev #webDev #webDevelopment #code #frontend
-
2️⃣ 1076 ♥️ Simplest inner glow card animation https://codepen.io/thebabydino/pen/WNVPdJg - a super simple pure #CSS demo I made in a few minutes to answer a reddit question and never expected would even get noticed much. It was my only 2024 demo to make into the most hearted 100 Pens of the year on @codepen.
#cssFilter #borderImage #glow #code #cssGradient #conicGradient #coding #web #dev #webDevelopment #webDev #frontend
-
2️⃣ 1076 ♥️ Simplest inner glow card animation https://codepen.io/thebabydino/pen/WNVPdJg - a super simple pure #CSS demo I made in a few minutes to answer a reddit question and never expected would even get noticed much. It was my only 2024 demo to make into the most hearted 100 Pens of the year on @codepen.
#cssFilter #borderImage #glow #code #cssGradient #conicGradient #coding #web #dev #webDevelopment #webDev #frontend
-
2️⃣ 1076 ♥️ Simplest inner glow card animation https://codepen.io/thebabydino/pen/WNVPdJg - a super simple pure #CSS demo I made in a few minutes to answer a reddit question and never expected would even get noticed much. It was my only 2024 demo to make into the most hearted 100 Pens of the year on @codepen.
#cssFilter #borderImage #glow #code #cssGradient #conicGradient #coding #web #dev #webDevelopment #webDev #frontend
-
2️⃣ 1076 ♥️ Simplest inner glow card animation https://codepen.io/thebabydino/pen/WNVPdJg - a super simple pure #CSS demo I made in a few minutes to answer a reddit question and never expected would even get noticed much. It was my only 2024 demo to make into the most hearted 100 Pens of the year on @codepen.
#cssFilter #borderImage #glow #code #cssGradient #conicGradient #coding #web #dev #webDevelopment #webDev #frontend
-
2️⃣ 1076 ♥️ Simplest inner glow card animation https://codepen.io/thebabydino/pen/WNVPdJg - a super simple pure #CSS demo I made in a few minutes to answer a reddit question and never expected would even get noticed much. It was my only 2024 demo to make into the most hearted 100 Pens of the year on @codepen.
#cssFilter #borderImage #glow #code #cssGradient #conicGradient #coding #web #dev #webDevelopment #webDev #frontend
-
Because somebody hearted this demo I made 7 years ago on @codepen and it hit me I've never shared it here: pure #CSS 1 div animated 🌈 ∞ logo
https://codepen.io/thebabydino/pen/zRZKxK
#code #coding #frontend #cssGradient #web #dev #webDev #webDevelopment #cssVariables #oneDiv #singleDiv #rainbow #infinity
-
Because somebody hearted this demo I made 7 years ago on @codepen and it hit me I've never shared it here: pure #CSS 1 div animated 🌈 ∞ logo
https://codepen.io/thebabydino/pen/zRZKxK
#code #coding #frontend #cssGradient #web #dev #webDev #webDevelopment #cssVariables #oneDiv #singleDiv #rainbow #infinity
-
Because somebody hearted this demo I made 7 years ago on @codepen and it hit me I've never shared it here: pure #CSS 1 div animated 🌈 ∞ logo
https://codepen.io/thebabydino/pen/zRZKxK
#code #coding #frontend #cssGradient #web #dev #webDev #webDevelopment #cssVariables #oneDiv #singleDiv #rainbow #infinity
-
Because somebody hearted this demo I made 7 years ago on @codepen and it hit me I've never shared it here: pure #CSS 1 div animated 🌈 ∞ logo
https://codepen.io/thebabydino/pen/zRZKxK
#code #coding #frontend #cssGradient #web #dev #webDev #webDevelopment #cssVariables #oneDiv #singleDiv #rainbow #infinity
-
Because somebody hearted this demo I made 7 years ago on @codepen and it hit me I've never shared it here: pure #CSS 1 div animated 🌈 ∞ logo
https://codepen.io/thebabydino/pen/zRZKxK
#code #coding #frontend #cssGradient #web #dev #webDev #webDevelopment #cssVariables #oneDiv #singleDiv #rainbow #infinity
-
Someone just hearted this demo I made on @codepen back in 2018 and I noticed it still said it only works in Blink browsers.
https://codepen.io/thebabydino/pen/BPxYBrNot anymore! As of the summer of '24, Firefox also supports registering & animating custom properties! So this is now cross-browser! 🎉🥳
#CSS #3D #cssTransforms #cssTransform #neon #rainbow #code #coding #frontend #web #webDevelopment #dev #webDev
-
A cool little pure #CSS background #pattern on @codepen https://codepen.io/thebabydino/pen/YzvYqWL
Can you figure out how it was made before checking the code? 😼
#cssPattern #frontend #code #coding #web #dev #webDev #webDevelopment #cssGradient #cssPatterns
-
A cool little pure #CSS background #pattern on @codepen https://codepen.io/thebabydino/pen/YzvYqWL
Can you figure out how it was made before checking the code? 😼
#cssPattern #frontend #code #coding #web #dev #webDev #webDevelopment #cssGradient #cssPatterns
-
A cool little pure #CSS background #pattern on @codepen https://codepen.io/thebabydino/pen/YzvYqWL
Can you figure out how it was made before checking the code? 😼
#cssPattern #frontend #code #coding #web #dev #webDev #webDevelopment #cssGradient #cssPatterns
-
A cool little pure #CSS background #pattern on @codepen https://codepen.io/thebabydino/pen/YzvYqWL
Can you figure out how it was made before checking the code? 😼
#cssPattern #frontend #code #coding #web #dev #webDev #webDevelopment #cssGradient #cssPatterns
-
A cool little pure #CSS background #pattern on @codepen https://codepen.io/thebabydino/pen/YzvYqWL
Can you figure out how it was made before checking the code? 😼
#cssPattern #frontend #code #coding #web #dev #webDev #webDevelopment #cssGradient #cssPatterns
-
Here's a super simple pure #CSS #3D hover effect on @codepen https://codepen.io/thebabydino/pen/ZYYXGLR
*Heavily* commented, every coding choice explained.
#code #coding #cssTransform #css3D #web #dev #webDev #webDevelopment #frontend
-
Here's a super simple pure #CSS #3D hover effect on @codepen https://codepen.io/thebabydino/pen/ZYYXGLR
*Heavily* commented, every coding choice explained.
#code #coding #cssTransform #css3D #web #dev #webDev #webDevelopment #frontend