CodePen.IO @CodePen@hello.2heng.xin

RT Johan Karlsson
I was experimenting with triangles in many colors, I ended up with these flowers:
As always, click to generate a new random image
#creativecoding on @CodePen
https://codepen.io/DonKarlssonSan/full/GRxWojW

https://twitter.com/DonKarlssonSan/status/1549847729735614465

RT simey
Just uploaded a "v2" of my most popular @CodePen for the #codepen #codepenchallenge
Check it out on CodePen;
#pokemon #tcg #css #webdev #filter #animation #ui
https://codepen.io/simeydotme/pen/abYWJdX

https://twitter.com/simeydotme/status/1549811970207285248

RT ilithya
So I was on @CodePen radio to talk about ofc shaders — my journey of learning and teaching them
https://blog.codepen.io/2022/07/13/376-ilithya/

https://twitter.com/ilithya_rocks/status/1549780107610542080

RT Asyraf Hussin
Draw Summer Girl using CSS
@CodePen :
https://codepen.io/AsyrafHussin/pen/dymWPWo

https://twitter.com/asyrafhussin4/status/1549679420318724096

RT Bruce Brotherton
Really glad I updated the code and the CSS on this @CodePen. I still think floats have a place in modern web design. With long-form content especially.
https://codepen.io/brucebrotherton/pen/RwZJqJw

https://twitter.com/brucebrotherton/status/1549500743266082816

RT Daniel Yuschick
Finally moved this SVG watch animation over to @CodePen after it sat on my Github for a few years using my own SVG animation library, TickTockJS.
https://codepen.io/DanielYuschick/pen/wvmJMEX

https://twitter.com/DanielYuschick/status/1549100958751379456

RT AdirCode
My latest @CodePen is a mishmash of technologies, #svg with #CSS animation and a #javascript interaction, was a lot of fun!
Here’s the code:
https://codepen.io/Adir-SL/pen/GRxNbbm

https://twitter.com/adircode/status/1549043569159073792

RT Johan Karlsson
Crawlers on @CodePen:
Look how they can be hypnotized to dance in circles!
No crawlers were harmed during the recording of this video.
#creativecoding
https://codepen.io/DonKarlssonSan/pen/KKoaRrY

https://twitter.com/DonKarlssonSan/status/1548699553645449216

RT carl schooff
Bare-bones #SVG UI Slider
Just a few svg <rect> and an <ellipse>. Easily made interactive with @greensock's Draggable. Made pretty with #CSS
SUPER Scalable
@CodePen Demo:
more
https://codepen.io/snorkltv/pen/QWmpwym?editors=0011

https://twitter.com/snorklTV/status/1549057221757108224

RT Ana Tudor
Re I've coded a few tetrahedron truncation sequences over the past nine years. You can see some of them on @CodePen:



As for morphing sequences including chamfered polyhedra... just on Patreon for now.
https://codepen.io/thebabydino/pen/vYYgWG
https://codepen.io/thebabydino/pen/QEdGZQ
https://codepen.io/thebabydino/pen/abmNveW

https://twitter.com/anatudor/status/1549057180682407942

RT Takane Ichinose 市瀬峻峰
Link above
This is just a simple turn-based #game where you just have to throw a dice, defeat the enemy, and go to the highest floor as you can.
Dev tools:
@threejs
@greensock
#ReactJS
#html #css #javascript #MagicaVoxel #gamedev
https://codepen.io/takaneichinose/pen/dympyjN

https://twitter.com/takane_ichi/status/1547604756578717696

RT Jamie Coulter
I made a little hacking themed card game on
@CodePen in Vue. 30+ unique upgrades, 40 in game achievements, 3 difficulty settings and an (almost) infinite number of stage variations.
Good luck. Have fun!
https://codepen.io/jcoulterdesign/full/abYNyLq

https://twitter.com/jamiecoulter89/status/1545843616307888129

The Games #CodePenChallenge continues!
This week, we're playing cards
Thanks @sourcegraph for sponsoring!
https://codepen.io/challenges/2022/july/3

https://twitter.com/CodePen/status/1549050519905112065

RT Lionel Radisson
classic generative weirdo: custom feDisplacementMap using canvas to make a cartesian to polar displacement SVG filter
https://codepen.io/MAKIO135/pen/BaYrRKm

https://twitter.com/MAKIO135/status/1546984252859973639

RT Johan Karlsson
Circle Pulse on @CodePen:
#creativecoding
https://codepen.io/DonKarlssonSan/full/mdxraxj

https://twitter.com/DonKarlssonSan/status/1547233023829200897

RT masuwa | web designer
ＡＵＤＩＯ　ＶＩＳＵＡＬＩＺＥＲ　
@CodePen
#threejs #webgl #creativecoding #shader #glsl #audiovisualize
https://codepen.io/ma_suwa/pen/BarLGgx

https://twitter.com/masuwa1018/status/1547245150673727488

RT T. Afif @ CSS Challenges
CSS Tip!
Create a simple grid of images with fancy shapes using a few lines of code
Minimal HTML code
Less than 20 CSS declaration
One value to control the size
Animation on hover
Demo:
#CSS
http://codepen.io/t_afif/full/PoRGPoW

https://twitter.com/ChallengesCss/status/1546821407237181442

RT Louis Hoebregts
Did you ever have to develop a navigation that hides when scrolling down, and shows up when scrolling up?
You can do this with only 10 lines of #JavaScript with @greensock and its Observer plugin? (yes only 10)
See it live on @CodePen
https://codepen.io/Mamboleoo/pen/poLEKob

https://twitter.com/Mamboleoo/status/1547171723673583618

RT Sophia Wood
evening doodles - it's a start/draft...sashiko
click to change
#codepen #wccchallenge #p5js
https://codepen.io/fractalkitty/full/eYMzRoN

https://twitter.com/fractalkitty/status/1546723778452869120

RT Cassie Evans
Re I popped together this little demo to show off SVG path commands using a little logo turtle.
Did you have a turtle robot when you were in school?
pen here -
http://codepen.io/cassie-codes/pen/ZEvNBmX

https://twitter.com/cassiecodes/status/1546895572828930048