@RT Manuel Matuzović
TIL that there is an indeterminate state for native checkboxes in HTML. 😮 You can only set it via JS.
CodePen:
h/t @yatil
https://codepen.io/matuzo/pen/rNGbVXX?editors=1010
RT Jane 💜
The new @CodePen liquid tag embed options are live on
http://dev.to/
https://dev.to/janeori/devtos-codepen-liquid-tag-is-getting-an-upgrade-2e69#all-the-codepen-embed-options
RT Sophia Wood
VHS glitch for genuary:
I was lazy and forked some of my own code.
#genuary2022 #genuary
https://codepen.io/fractalkitty/full/YzrMdBM
RT Amit Sheen
The Lonely Claw 🦞
#PureCSS
Full code @CodePen:
https://codepen.io/amit_sheen/full/yLzWVYo
RT Chris Gannon
Crazy milestone - 10,000 followers on @CodePen! Thanks to each and every one of you for supporting my journey in web animation. And of course I had to celebrate it with a little @greensock magic 😍
https://codepen.io/chrisgannon/pen/qBPGEQy
RT AdirCode
I made a quick @CodePen using @p5xjs to spice up my @NotionHQ dashboard (watch to the end)
Here’s the code:
https://codepen.io/Adir-SL/pen/qBPvgBG
RT S. Shahriar
Can you guess how many elements we need to make this visual? 🤔
Zero 🤩
That's because chained transforms along with a bunch of box-shadows are doing the heaving lifting here 😄
@CodePen demo:
https://codepen.io/ShadowShahriar/pen/oNGVeom
https://twitter.com/ShadowShahriar/status/1483136812680085504
RT Adam Kuhn
took a no-code approach this week’s @CodePen challenge, arranging thousands of very tiny cold fractals into a humanoid structure
https://twitter.com/cobra_winfrey/status/1483203289143562241
RT Lea Rosema
The nice thing about distance functions in a signed distance field: add modulo and you get infinite repetition. Could also be an inspiration for this week's #CodePenChallenge theme: fractals.
Lea Rosema: #100nonconsecutivedaysofcode day 3 via @CodePen
Because somebody asked:
Tweet sized ASCII love <3 via @CodePen
https://codepen.io/learosema/pen/dyVrrxK
RT Louis Hoebregts
From digital to paper 🔀 #WebGL #AxiDraw
https://codepen.io/Mamboleoo/pen/VMeWWR
RT Cassie Evans
💜 @Orangetronic and I did a 'noise' collab for last week's @CodePen challenge.
David made some rather lovely noises on his magic modular synth and I did some audio-vis.
Pretty happy with the outcome, it looks a little like Origami.
codepen:
https://codepen.io/cassie-codes/full/oNGVxLX
Ready for your next #CodePenChallenge?
This week, the generative art challenge is all about fractals 🌀
https://codepen.io/challenges/2022/january/3
RT Ana Tudor 🐯
A little something I coded for this week's #CodePenChallenge: a little image gallery. Images other than the current one are darkened and noisy.
You can see it here on @CodePen:
https://codepen.io/thebabydino/pen/bGomPNV
RT Jhey 🔨🐻✨
"That" loader in CSS! 💪
Using Houdini, a conic-gradient, and CSS mask, you can create "That" loading animation with pure CSS 🚀
How? Code in the tweet below 👇ʕᴥ• ʔ
👉
http://codepen.io/jh3y/pen/RwLvrdR
RT AdirCode
Did you know you could make a simple typography scale using only divs and one line of CSS?
That’s a simple example I show my students to illustrate the power of nesting divs in HTML.
@CodePen link:
https://codepen.io/Adir-SL/pen/JjrmBQg
RT byt3 m3chanic
This weeks @CodePen challenge - something to relax with after work.
https://codepen.io/pjkarlik/pen/dyVeXMN
RT Adam Kuhn
used some svg color & turbulence filters w/ a base64'd overlay to create these dithered landscapes for this week's generative @CodePen challenge and yeah I animated a couple things just because
thanks for lookin'
https://codepen.io/cobra_winfrey/full/PoJXrMw
https://twitter.com/cobra_winfrey/status/1482013382064672769
RT Jhey 🔨🐻✨
Houdini makes it possible to animate CSS gradients ✨
Combine a conic-gradient with CSS mask, and you can create a neat image reveal 😎
👉
Let's go through the code in the next tweet 👇
http://codepen.io/jh3y/pen/KKXbyZg
RT Josh W. Comeau
Really digging this link hover effect by Justin Wong. Unlike most link effects, this one works on inline elements! ✨
https://codepen.io/Wongjn/pen/VwMBgZB
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
