#singlediv — Public Fediverse posts

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

A little spinner I made years ago on @codepen but never shared publicly https://codepen.io/thebabydino/pen/OJQKbKW

#CSS #loader #spinner #code #coding #web #dev #webDev #webDevelopment #frontend #cssGradient #cssMask #conicGradient #cssSpinner #cssLoader #singleDiv #oneDiv

A little spinner I made years ago on @codepen but never shared publicly https://codepen.io/thebabydino/pen/OJQKbKW

#CSS #loader #spinner #code #coding #web #dev #webDev #webDevelopment #frontend #cssGradient #cssMask #conicGradient #cssSpinner #cssLoader #singleDiv #oneDiv

A little spinner I made years ago on @codepen but never shared publicly https://codepen.io/thebabydino/pen/OJQKbKW

#CSS #loader #spinner #code #coding #web #dev #webDev #webDevelopment #frontend #cssGradient #cssMask #conicGradient #cssSpinner #cssLoader #singleDiv #oneDiv

A little spinner I made years ago on @codepen but never shared publicly https://codepen.io/thebabydino/pen/OJQKbKW

#CSS #loader #spinner #code #coding #web #dev #webDev #webDevelopment #frontend #cssGradient #cssMask #conicGradient #cssSpinner #cssLoader #singleDiv #oneDiv

A little spinner I made years ago on @codepen but never shared publicly https://codepen.io/thebabydino/pen/OJQKbKW

#CSS #loader #spinner #code #coding #web #dev #webDev #webDevelopment #frontend #cssGradient #cssMask #conicGradient #cssSpinner #cssLoader #singleDiv #oneDiv

1️⃣1️⃣ 446 ❤️ Pure #CSS 1 div card backgrounds https://codepen.io/thebabydino/pen/GRRpzNX

Using mask compositing, which I explained in this 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.

#mask #cssMask #cssGradient #pattern #cssPattern #singleDiv #code #coding #frontend #webDev #web #webDevelopment #dev

1️⃣1️⃣ 446 ❤️ Pure #CSS 1 div card backgrounds https://codepen.io/thebabydino/pen/GRRpzNX

Using mask compositing, which I explained in this 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.

#mask #cssMask #cssGradient #pattern #cssPattern #singleDiv #code #coding #frontend #webDev #web #webDevelopment #dev

1️⃣1️⃣ 446 ❤️ Pure #CSS 1 div card backgrounds https://codepen.io/thebabydino/pen/GRRpzNX

Using mask compositing, which I explained in this 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.

#mask #cssMask #cssGradient #pattern #cssPattern #singleDiv #code #coding #frontend #webDev #web #webDevelopment #dev

1️⃣1️⃣ 446 ❤️ Pure #CSS 1 div card backgrounds https://codepen.io/thebabydino/pen/GRRpzNX

Using mask compositing, which I explained in this 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.

#mask #cssMask #cssGradient #pattern #cssPattern #singleDiv #code #coding #frontend #webDev #web #webDevelopment #dev

1️⃣1️⃣ 446 ❤️ Pure #CSS 1 div card backgrounds https://codepen.io/thebabydino/pen/GRRpzNX

Using mask compositing, which I explained in this 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.

#mask #cssMask #cssGradient #pattern #cssPattern #singleDiv #code #coding #frontend #webDev #web #webDevelopment #dev

#cssChallenge2024 Code these two backgrounds!

✨1 div per background
✨no JS
✨no SVG, no images in general save for at most 3 CSS gradients
✨under 20 CSS declarations, including layout & prettifying

(if you're a $5+ patron on Patreon, you know where to find the live demo 🤫)

#CSS #code #coding #singleDiv #oneDiv #cssGradient #frontend #webDev #webDevelopment

#cssChallenge2024 Code these two backgrounds!

✨1 div per background
✨no JS
✨no SVG, no images in general save for at most 3 CSS gradients
✨under 20 CSS declarations, including layout & prettifying

(if you're a $5+ patron on Patreon, you know where to find the live demo 🤫)

#CSS #code #coding #singleDiv #oneDiv #cssGradient #frontend #webDev #webDevelopment

#cssChallenge2024 Code these two backgrounds!

✨1 div per background
✨no JS
✨no SVG, no images in general save for at most 3 CSS gradients
✨under 20 CSS declarations, including layout & prettifying

(if you're a $5+ patron on Patreon, you know where to find the live demo 🤫)

#CSS #code #coding #singleDiv #oneDiv #cssGradient #frontend #webDev #webDevelopment

#cssChallenge2024 Code these two backgrounds!

✨1 div per background
✨no JS
✨no SVG, no images in general save for at most 3 CSS gradients
✨under 20 CSS declarations, including layout & prettifying

(if you're a $5+ patron on Patreon, you know where to find the live demo 🤫)

#CSS #code #coding #singleDiv #oneDiv #cssGradient #frontend #webDev #webDevelopment

#cssChallenge2024 Code these two backgrounds!

✨1 div per background
✨no JS
✨no SVG, no images in general save for at most 3 CSS gradients
✨under 20 CSS declarations, including layout & prettifying

(if you're a $5+ patron on Patreon, you know where to find the live demo 🤫)

#CSS #code #coding #singleDiv #oneDiv #cssGradient #frontend #webDev #webDevelopment

A #divtober2023 entry for “fake”:

A spooky never-actually-made Texas Instruments device in the “speak and …” series

https://codepen.io/danwilson/full/QWBaRvp

(Type ‘spooky’ to see the not real Spooky Spell)

(And yes. I love single div art. And yes. October has been busy. So yes. This is a new addition to a preexisting demo and not a brand-new-from-scratch piece)

#divtober #singleDiv #codepen

A #divtober2023 entry for “fake”:

A spooky never-actually-made Texas Instruments device in the “speak and …” series

https://codepen.io/danwilson/full/QWBaRvp

(Type ‘spooky’ to see the not real Spooky Spell)

(And yes. I love single div art. And yes. October has been busy. So yes. This is a new addition to a preexisting demo and not a brand-new-from-scratch piece)

#divtober #singleDiv #codepen

A #divtober2023 entry for “fake”:

A spooky never-actually-made Texas Instruments device in the “speak and …” series

https://codepen.io/danwilson/full/QWBaRvp

(Type ‘spooky’ to see the not real Spooky Spell)

(And yes. I love single div art. And yes. October has been busy. So yes. This is a new addition to a preexisting demo and not a brand-new-from-scratch piece)

#divtober #singleDiv #codepen

A #divtober2023 entry for “fake”:

A spooky never-actually-made Texas Instruments device in the “speak and …” series

https://codepen.io/danwilson/full/QWBaRvp

(Type ‘spooky’ to see the not real Spooky Spell)

(And yes. I love single div art. And yes. October has been busy. So yes. This is a new addition to a preexisting demo and not a brand-new-from-scratch piece)

#divtober #singleDiv #codepen

A #divtober2023 entry for “fake”:

A spooky never-actually-made Texas Instruments device in the “speak and …” series

https://codepen.io/danwilson/full/QWBaRvp

(Type ‘spooky’ to see the not real Spooky Spell)

(And yes. I love single div art. And yes. October has been busy. So yes. This is a new addition to a preexisting demo and not a brand-new-from-scratch piece)

#divtober #singleDiv #codepen

📢 New Single Div project... ft. an interactive Speak & Spell device:

✨ One Div & 2500+ lines of overly done (but fun!) CSS
➗ New CSS Trigonometry functions to create a clip path shape with curves to cut out the handle
:javascript: SpeechSynthesis and such (so: a warning, if you press buttons there is sound)

https://codepen.io/danwilson/full/QWBaRvp

(still... my favorite thing was making the dust inside the speaker box)

#1970s #1980s #ApparentlyAlso2020s #CodePen #SingleDiv #css #web

📢 New Single Div project... ft. an interactive Speak & Spell device:

✨ One Div & 2500+ lines of overly done (but fun!) CSS
➗ New CSS Trigonometry functions to create a clip path shape with curves to cut out the handle
:javascript: SpeechSynthesis and such (so: a warning, if you press buttons there is sound)

https://codepen.io/danwilson/full/QWBaRvp

(still... my favorite thing was making the dust inside the speaker box)

#1970s #1980s #ApparentlyAlso2020s #CodePen #SingleDiv #css #web

📢 New Single Div project... ft. an interactive Speak & Spell device:

✨ One Div & 2500+ lines of overly done (but fun!) CSS
➗ New CSS Trigonometry functions to create a clip path shape with curves to cut out the handle
:javascript: SpeechSynthesis and such (so: a warning, if you press buttons there is sound)

https://codepen.io/danwilson/full/QWBaRvp

(still... my favorite thing was making the dust inside the speaker box)

#1970s #1980s #ApparentlyAlso2020s #CodePen #SingleDiv #css #web

A Christmas present from me to all
those who enjoy CSS Art: Snowglobe

🖥️ Code on @[email protected] at https://codepen.io/robleto/pres/eYjmWYJ
🏷 #css #cssart #singlediv

A Christmas present from me to all
those who enjoy CSS Art: Snowglobe

🖥️ Code on @[email protected] at https://codepen.io/robleto/pres/eYjmWYJ
🏷 #css #cssart #singlediv

A Christmas present from me to all
those who enjoy CSS Art: Snowglobe

🖥️ Code on @[email protected] at https://codepen.io/robleto/pres/eYjmWYJ
🏷 #css #cssart #singlediv

RT Greg Robleto
Day 7 of #divtober is "wonder"
I was trying for the Library of Alexandria, one of the Seven Wonders, but I see now I made the lighthouse of Alexandria here, and I'm realizing they may not be the same place.🤷‍♂️
Code on @CodePen
#css #cssart #singlediv
https://codepen.io/robleto/pres/YzLjYvr

:sys_twitter: https://twitter.com/robleto/status/1578400633190850564

RT Greg Robleto
Day 5 of #divtober: "stamp"
This entry is personal for me. Next month, I am taking the family on the first international trip in 3 years. I am really excited for us all to get this passport stamp.
Code on @CodePen
🏷️ #css #cssart #singlediv #divtober
https://codepen.io/robleto/pres/BaxPyxq

:sys_twitter: https://twitter.com/robleto/status/1577692880994435072

RT Sara Soueidan
This incredibly talented 7.5-year-old girl created a single-div CSS-only Panda and is sharing how she did it with the rest of the world 😍
My timeline's going to get even brighter from today on 💞
Diana: Day #79-82 #100DaysOfCode
WOW...I made a Panda in CSS using #singlediv 😃😎
I had to divide the video in 2 parts cause it was too long for twitter. I upload part 2 in another tweet
tnx 4👍
Pen Link👇
#CodeNewbie #codeNewbies #GirslWhoCode #KidsCanCode
https://codepen.io/superpowerkid/pen/YzGgGZp