RT Chris Coyier
Can you use Preact on CodePen? For sure. Let's see how it's done real quick.
Signals 📝
Pen
https://preactjs.com/blog/introducing-signals/
https://codepen.io/team/codepen/pen/JjZoNmK/92217911b028a801e1d9ffab29560119
RT Rob DiMarzo
There's something mesmerizing about Rorschach inkblot tests, so I made a generative svg version on @CodePen ! Click around and tell me what you see!
👀
https://codepen.io/robdimarzo/pen/QWxWoeG
RT Louis Hoebregts
For a recent project I had to animate #SVG and now I want to do nothing else but that in my daytime... 🥰
So here is a little @greensock typography animation ✨
Check the smooth 60fps (or more 👀) demo on @CodePen 🧑💻
https://codepen.io/Mamboleoo/pen/LYrYMzK
RT Johan Karlsson
Re 🌻 Line Flower on @CodePen:
Click to generate a new random flower! 🌼
#generative #creativecoding
https://codepen.io/DonKarlssonSan/full/PoeyBog
https://twitter.com/DonKarlssonSan/status/1584965951518257152
RT Chris Coyier
Howdy folks, co-founder of @CodePen here. 🤘
Why would you, fellow front-end designer & developer, want a CodePen account?
Well it’s my job to make sure that has a clear answer, so I’m gonna thread 🧵 it up for ya to explore and understand.
RT carl schooff
Working on a number of animations for a site update.
Will be trickling them out as standalone @CodePen demos. So much one can do with 2 lines of @greensock.
https://codepen.io/snorkltv/pen/YzvzKeE?editors=1010
RT Greg RoBOOleto 👻
Day 25 of #divtober is "luminous"
Are you watching Andor? Wow! That heist episode was epic, and escaping during The Eye was so visually stunning I was compelled to try to recapture it.
🏷️#css #cssart #cssgradient #andor #theeye #StarWars
On @CodePen:
https://codepen.io/robleto/pres/dyKbpYy
https://twitter.com/i/web/status/1584896303435517952
RT Chris Coyier
Offset values on `position: sticky;` items is fun.
Felt cute on the blog, might delete later.
Paul Armstrong: I'm really enjoying watching @chriscoyier’s blog theme, style, and interaction evolve. Current scroll behavior rolls all of the posts up into a stack of cards.
It's the final week of the October #CodePenChallenge 🎃
Let's send it off with a very Happy Halloween!
https://codepen.io/challenges/2022/october/4
RT Mimikyu
Do you like popcorn?
I LOVE POPCORN SO MUCH.
@CodePen :
#webdev #javascript #HTML #CSS
http://codepen.io/mimimiku778/pen/abGeOoB
RT Álvaro Montoro
#divtober 20: ten
⚽️
Demo on @CodePen:
It is animated (on Chrome only): the jersey changes from Barcelona to Argentina to PSG (although this last one has the number 30 😅).
Álvaro Montoro: #divtober 19: mythical
🐍
Demo on @CodePen:
Video of the drawing process:
http://cssdrawings.com/
https://codepen.io/alvaromontoro/pen/mdLYLzG
https://www.youtube.com/watch?v=aDTl_hPm1Sc
https://twitter.com/alvaro_montoro/status/1582375798748893186
https://twitter.com/alvaro_montoro/status/1583248223971737600
RT Shaw
Wish there were a native way to keep `perspective-origin` centered in a scroll container, but with some minimal JS & CSS variables you can get some really cool scroll effects with 3D CSS!
https://codepen.io/shshaw/pen/GRdbZEL
RT T. Afif @ CSS Challenges
👻 CSS Tip!
Use CSS variables to duplicate any content with no limit! 😱
✅ Awful syntax
✅ Performance issues guaranteed
✅ 8 lines for more than 16000 occurrences!
✅ No more copy-paste needed
Demo:
#CSS
http://codepen.io/t_afif/pen/zYjVrzv
https://twitter.com/ChallengesCss/status/1582816300833050624
RT Mandy
Back at it with a @CodePen challenge!
https://codepen.io/iNeedAdult/pen/KKRLoPy
RT Maxew futur dev
#divtober 19 : Mythical
via @CodePen :
#css
https://codepen.io/maxew33/full/WNJqbyW
RT Kit Jenson
Can you top the global leaderboard?
Give this classic breakout style game try.
#webdev #gamedev #javascript #IndieGameDev #indiegaming #HTML #CSS
https://codepen.io/kitjenson/full/abyKEYO
Build, test, and discover front-end code 👩🏽💻