@RT 🐴 Frontend Horse
Looking to wow your visitors with a gorgeous shader? Shader artist @ilithya_rocks taught us how to make a captivating space-themed shader on a recent stream!
She walks us through all the steps so that even a shader-novice like me could understand.
Links 👇
https://twitter.com/FrontendHorse/status/1441056934518566912
RT Manz 🇮🇨⚡👾
TARS (Interstellar) with native Javascript & CSS
👀@CodePen Demo:
🐈Repo:
🎥Making-of (video):
💜Twitch:
❤ Youtube:
#html #css #javascript #webcomponents
http://codepen.io/manz/pen/OJgwvXZ
http://github.com/manzdev/twitch-tars/
http://youtu.be/GhRrJGJ1cFY
http://twitch.tv/ManzDev
http://youtube.com/c/ManzDev
RT Ana Tudor 🐯
See me code a minimal code stepper in ~20 minutes!
Also an entry for the current #CodePenChallenge.
Play with it on @CodePen!
Inspiration:
https://patreon.com/posts/video-minimal-56480567
https://codepen.io/thebabydino/pen/QWgraVO
https://dribbble.com/shots/5586623-Stepper-IX
RT Jon Kantner
Watch how you touch this toggle switch; it’s got blades!
https://codepen.io/jkantner/pen/XWgPrrq
RT Rob DiMarzo
Ever wonder how hex colors work? Explore how 6 lil numbers and letters work together to create color with HEXplorer @CodePen !
✨
https://codepen.io/robdimarzo/pen/xxZgKOR
RT Johan Karlsson
Lissajous Particles on @CodePen:
Click to set new random parameters!
#creativecoding #lissajous #particles #generative
https://codepen.io/DonKarlssonSan/full/dyReXmq
https://twitter.com/DonKarlssonSan/status/1440386653600641031
RT Sophia Wood
Lightness prompt on codepen yielded plateauRipples:
(it makes me sleepy)
#plateaucurve #mathart #codepenchallenge
https://codepen.io/fractalkitty/live/PojeVeQ
It's week three of the September #CodePenChallenge!
This week, we're experimenting with lightness 🪶
Thanks @back_hub for sponsoring!
https://codepen.io/challenges/2021/september/3
RT Ana Tudor 🐯
Fight 🥊 or flight 🕊️ highlight! See me code this from scratch in under half an hour
Live on @CodePen
https://www.patreon.com/posts/video-fight-or-56274110
https://codepen.io/thebabydino/pen/PojJmzo
Focusss v2 by the master of intereting UI trickery, Hakim El Hattab!
https://codepen.io/hakimel/pen/zYzdJvK
RT Louis Hoebregts
This '13.8 billion years ago' demo is made using MeshSurfaceSampler with @threejs 🌎
Watch it live on @CodePen ✈
And if you haven't checked it yet, I've published an article on @codrops to show how it works 👀
https://codepen.io/Mamboleoo/pen/MWoexGB
https://tympanus.net/codrops/2021/08/31/surface-sampling-in-three-js/
RT Lasanja
Piet Mondrian's CSS Grid
https://codepen.io/Lasanja___/pen/oNwpNrb
RT masahito art
Have something to say? Pass the message to the kittens and they'll fly the banners for you.
@CodePen
#javascript
https://codepen.io/Ma5a/pen/xxrPjPE
RT Sophia Wood
I think I am just in the creating-of-annoying-things mood today.
fullpage view (with orbitControl):
#cpcspotlighthighlight #codepenchallenge #mathart
Should I add this to my optical illusion set?
https://codepen.io/fractalkitty/live/qBjPJoL
RT ycw
three-strip v0.2.0 ( rewrite )
Animation example @CodePen
#threejs #typescript
https://github.com/ycw/three-strip
https://codepen.io/ycw/full/rNwYayO
RT Amit Sheen
Backlit Card (#CSS)
(I stole the background blobs from my previous Pen, I think they look better here. 😳)
Full code @CodePen:
https://codepen.io/amit_sheen/pen/wverzMR
RT Rik Roots
This week's CodePen Challenge is all about spotlights and highlights - of course I went for the cheap detective vibe!
https://codepen.io/kaliedarik/pen/gORXpya
RT Kass 🦈
HTML & CSS Microlab Keyboard Controller
Code here:
https://codepen.io/kassandrasanch/pen/ExyrGKR
https://twitter.com/KassandraSanch/status/1437812312132440069
RT Bence
Inspired by today's #AppleEvent
A procedural reinterpretation of the event's cover image in pure SVG.
Lake Reflection 🏞️ (444 bytes) #PetitePatterns on @CodePen
https://codepen.io/finnhvman/pen/PojJqmq
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
