Search
1000 results for “codepen”
-
CW: Mental Health Journey
Day 5 of being off of Trazodone after a month long taper. First time I’ve felt mostly normal in over 2 months.
4 sessions of #EMDR in the books, really getting to my core wounds now. Tough work.
Beginning to do the tough work of healing from #codependency.
I always thought knowledge and awareness of trauma and mental health would spare me pain. But I’m beginning to realize some things are just painful, and healing takes time.
-
Simple pricing cards - a demo I made on @codepen: https://codepen.io/thebabydino/pen/ZYOJgyW
I've posted even cooler pure #CSS ones (non-rectangular shapes + rounded corners, glassmorphism + border effects combined) for Ko-fi & Patreon supporters:
❇️ https://ko-fi.com/anatudor/tiers
❇️ https://www.patreon.com/c/anatudor/membership
#cssGrid #cssClipPath #clipping #code #web #dev #webDev #webDevelopment #coding #frontend
-
Simple pricing cards - a demo I made on @codepen: https://codepen.io/thebabydino/pen/ZYOJgyW
I've posted even cooler pure #CSS ones (non-rectangular shapes + rounded corners, glassmorphism + border effects combined) for Ko-fi & Patreon supporters:
❇️ https://ko-fi.com/anatudor/tiers
❇️ https://www.patreon.com/c/anatudor/membership
#cssGrid #cssClipPath #clipping #code #web #dev #webDev #webDevelopment #coding #frontend
-
Simple pricing cards - a demo I made on @codepen: https://codepen.io/thebabydino/pen/ZYOJgyW
I've posted even cooler pure #CSS ones (non-rectangular shapes + rounded corners, glassmorphism + border effects combined) for Ko-fi & Patreon supporters:
❇️ https://ko-fi.com/anatudor/tiers
❇️ https://www.patreon.com/c/anatudor/membership
#cssGrid #cssClipPath #clipping #code #web #dev #webDev #webDevelopment #coding #frontend
-
Simple pricing cards - a demo I made on @codepen: https://codepen.io/thebabydino/pen/ZYOJgyW
I've posted even cooler pure #CSS ones (non-rectangular shapes + rounded corners, glassmorphism + border effects combined) for Ko-fi & Patreon supporters:
❇️ https://ko-fi.com/anatudor/tiers
❇️ https://www.patreon.com/c/anatudor/membership
#cssGrid #cssClipPath #clipping #code #web #dev #webDev #webDevelopment #coding #frontend
-
Simple pricing cards - a demo I made on @codepen: https://codepen.io/thebabydino/pen/ZYOJgyW
I've posted even cooler pure #CSS ones (non-rectangular shapes + rounded corners, glassmorphism + border effects combined) for Ko-fi & Patreon supporters:
❇️ https://ko-fi.com/anatudor/tiers
❇️ https://www.patreon.com/c/anatudor/membership
#cssGrid #cssClipPath #clipping #code #web #dev #webDev #webDevelopment #coding #frontend
-
TOO MANY WAYS OF SEEING
new comic strip out tomorrowthe plan is to post a weekly comic strip as close to weekly as I can manage from January-April
you can sign up for email comic strip here too: -
Watch at: https://youtu.be/nTXJ4lejb7A
Play at: https://codepen.io/PImaginator/pen/RNRRqYR#youtube #youtuber #youtubechannel #codepen #html #html5 #css #css3 #interactive #frontEnd #square #circle #colorful #program #programming #programmer #code #coding #creative #creativecoding #creativecodingart #nerd #geek #computer #computerScience
-
Watch at: https://youtu.be/nTXJ4lejb7A
Play at: https://codepen.io/PImaginator/pen/RNRRqYR#youtube #youtuber #youtubechannel #codepen #html #html5 #css #css3 #interactive #frontEnd #square #circle #colorful #program #programming #programmer #code #coding #creative #creativecoding #creativecodingart #nerd #geek #computer #computerScience
-
Watch at: https://youtu.be/nTXJ4lejb7A
Play at: https://codepen.io/PImaginator/pen/RNRRqYR#youtube #youtuber #youtubechannel #codepen #html #html5 #css #css3 #interactive #frontEnd #square #circle #colorful #program #programming #programmer #code #coding #creative #creativecoding #creativecodingart #nerd #geek #computer #computerScience
-
Watch at: https://youtu.be/nTXJ4lejb7A
Play at: https://codepen.io/PImaginator/pen/RNRRqYR#youtube #youtuber #youtubechannel #codepen #html #html5 #css #css3 #interactive #frontEnd #square #circle #colorful #program #programming #programmer #code #coding #creative #creativecoding #creativecodingart #nerd #geek #computer #computerScience
-
Watch at: https://youtu.be/nTXJ4lejb7A
Play at: https://codepen.io/PImaginator/pen/RNRRqYR#youtube #youtuber #youtubechannel #codepen #html #html5 #css #css3 #interactive #frontEnd #square #circle #colorful #program #programming #programmer #code #coding #creative #creativecoding #creativecodingart #nerd #geek #computer #computerScience
-
#Genuary26 #genuary #processing #p5js
Polar coordinates + automata:
https://codepen.io/fractalkitty/pen/WbxxPgw
and I also did City + boolean algebra together here:
-
Here's a really cool text effect I made on @codepen: individual letter rotation + extrusion https://codepen.io/thebabydino/pen/WNqvdmN
No text duplication, no splitting the text into individual letters, no funky fonts.
#svgFilter #textEffect #coding #frontend #web #dev #webDev #webDevelopment #code #3D #extrude #extrusion #longShadow
-
Here's a really cool text effect I made on @codepen: individual letter rotation + extrusion https://codepen.io/thebabydino/pen/WNqvdmN
No text duplication, no splitting the text into individual letters, no funky fonts.
#svgFilter #textEffect #coding #frontend #web #dev #webDev #webDevelopment #code #3D #extrude #extrusion #longShadow
-
Here's a really cool text effect I made on @codepen: individual letter rotation + extrusion https://codepen.io/thebabydino/pen/WNqvdmN
No text duplication, no splitting the text into individual letters, no funky fonts.
#svgFilter #textEffect #coding #frontend #web #dev #webDev #webDevelopment #code #3D #extrude #extrusion #longShadow
-
Here's a really cool text effect I made on @codepen: individual letter rotation + extrusion https://codepen.io/thebabydino/pen/WNqvdmN
No text duplication, no splitting the text into individual letters, no funky fonts.
#svgFilter #textEffect #coding #frontend #web #dev #webDev #webDevelopment #code #3D #extrude #extrusion #longShadow
-
Here's a really cool text effect I made on @codepen: individual letter rotation + extrusion https://codepen.io/thebabydino/pen/WNqvdmN
No text duplication, no splitting the text into individual letters, no funky fonts.
#svgFilter #textEffect #coding #frontend #web #dev #webDev #webDevelopment #code #3D #extrude #extrusion #longShadow
-
One of my earliest #CSS #3D demos on @codepen: how to (de)construct a dodecahedron https://codepen.io/thebabydino/pen/ALQVQe
A dodecahedron is one of the 5 regular polyhedra = made up of only identical regular polygon faces. Regular polygons have all edge lengths and vertex angles equal.
#geometry #Maths #code #coding #css3D #cssTransforms #transform #frontend #polyhedron #polyhedra #PlatonicSolid #dodecahedron #cssAnimation #web #dev #webDev #webDevelopment #trigonometry #Sass #SCSS
-
One of my earliest #CSS #3D demos on @codepen: how to (de)construct a dodecahedron https://codepen.io/thebabydino/pen/ALQVQe
A dodecahedron is one of the 5 regular polyhedra = made up of only identical regular polygon faces. Regular polygons have all edge lengths and vertex angles equal.
#geometry #Maths #code #coding #css3D #cssTransforms #transform #frontend #polyhedron #polyhedra #PlatonicSolid #dodecahedron #cssAnimation #web #dev #webDev #webDevelopment #trigonometry #Sass #SCSS
-
One of my earliest #CSS #3D demos on @codepen: how to (de)construct a dodecahedron https://codepen.io/thebabydino/pen/ALQVQe
A dodecahedron is one of the 5 regular polyhedra = made up of only identical regular polygon faces. Regular polygons have all edge lengths and vertex angles equal.
#geometry #Maths #code #coding #css3D #cssTransforms #transform #frontend #polyhedron #polyhedra #PlatonicSolid #dodecahedron #cssAnimation #web #dev #webDev #webDevelopment #trigonometry #Sass #SCSS
-
One of my earliest #CSS #3D demos on @codepen: how to (de)construct a dodecahedron https://codepen.io/thebabydino/pen/ALQVQe
A dodecahedron is one of the 5 regular polyhedra = made up of only identical regular polygon faces. Regular polygons have all edge lengths and vertex angles equal.
#geometry #Maths #code #coding #css3D #cssTransforms #transform #frontend #polyhedron #polyhedra #PlatonicSolid #dodecahedron #cssAnimation #web #dev #webDev #webDevelopment #trigonometry #Sass #SCSS
-
Here's another 2 techniques in 1 demo on @codepen: double stroke, transparent text, two approaches https://codepen.io/thebabydino/pen/GgRrmzO
Can you figure out any of them before checking the code? Neither uses any duplication whatsoever (no duplicating the text and no duplicating the image as tex fill).
#CSS #SVG #textStroke #textEffects #code #textEffect #coding #frontend #filter #svgFilter #web #dev #webDev #webDevelopment
-
It's 2025 and here's a little @codepen demo illustrating the grid stacking concept: https://codepen.io/thebabydino/pen/RNabXqX
The base & hover image, the cart & fave button - all stacked up in the same grid cell on the 1st row. The images stretch to fill the grid cell, the buttons are in opposing corners. #CSS
https://mastodon.social/@anatudor/113774781963966085
#cssGrid #cssLayout #code #coding #web #dev #frontend #webDevelopment #webDev
-
Here's a little pure #CSS demo I made on @codepen a while back: clip element on #scroll https://codepen.io/thebabydino/pen/vEGBOrg
(using scroll-driven animations, so support may still be spotty)
#cssScrollAnimation #scrollAnimation #clipPath #cssClipPath #code #coding #web #dev #webDevelopment #webDev #frontend #cssAnimation #scrollEffect
-
Here's a little pure #CSS demo I made on @codepen a while back: clip element on #scroll https://codepen.io/thebabydino/pen/vEGBOrg
(using scroll-driven animations, so support may still be spotty)
#cssScrollAnimation #scrollAnimation #clipPath #cssClipPath #code #coding #web #dev #webDevelopment #webDev #frontend #cssAnimation #scrollEffect
-
Here's a little pure #CSS demo I made on @codepen a while back: clip element on #scroll https://codepen.io/thebabydino/pen/vEGBOrg
(using scroll-driven animations, so support may still be spotty)
#cssScrollAnimation #scrollAnimation #clipPath #cssClipPath #code #coding #web #dev #webDevelopment #webDev #frontend #cssAnimation #scrollEffect
-
Here's a little pure #CSS demo I made on @codepen a while back: clip element on #scroll https://codepen.io/thebabydino/pen/vEGBOrg
(using scroll-driven animations, so support may still be spotty)
#cssScrollAnimation #scrollAnimation #clipPath #cssClipPath #code #coding #web #dev #webDevelopment #webDev #frontend #cssAnimation #scrollEffect
-
Here's a little pure #CSS demo I made on @codepen a while back: clip element on #scroll https://codepen.io/thebabydino/pen/vEGBOrg
(using scroll-driven animations, so support may still be spotty)
#cssScrollAnimation #scrollAnimation #clipPath #cssClipPath #code #coding #web #dev #webDevelopment #webDev #frontend #cssAnimation #scrollEffect
-
🧵 3/3
So it’s been challenging for both of us. I don’t normally leave the house often anyways, but I can’t keep cancelling much-needed medical appointments indefinitely. If anything, I’ve erred on the side of giving him as much rest as possible, but it’s also not healthy for either of us to be confined to home for months on end.
These are the challenges with having a #servicedog when something unexpected happens. You have to do what’s best for them, but fuck, you need them too! #codependency