@RT Bence
Monte Carlo approximation of Pi #CodePenChallenge
Explanation in comment 👇
https://codepen.io/finnhvman/pen/YzYPGpr
RT Jhey 🔨🐻✨ in Scotland 🥃
"Perspective" fuels "Creativity" which fuels "Innovation"
A little visualization built for my slide deck using @greensock ✨ No duplicated elements, jus' animating CSS clip-path and time itself, as you do 😅
👉
http://codepen.io/jh3y/pen/NWyZPRQ
RT Sophia Wood
Haiku + Generative art pairings from my "ancient is" code:
#codepen #medium #haiku #poetry #mathart #generativeart #creativecoding #salemoregon #p5js #WCCChallenge
https://sophiawood.medium.com/ancient-is-aac3afa788e4
RT Kit Jenson
Control a simple stunt plane with some fun button combos. Play with it here:
#codepen #gamedev #indiegamedev #indiedev #indiegames #game #gaming #javascript #gamedevelopment #airplane #HTML #CSS
https://codepen.io/kitjenson/full/zYNQGag
It's the final week of the June #CodePenChallenge!
Let's round it out with pi 🥧
Thanks @taradotai for sponsoring!
https://codepen.io/challenges/2022/june/4
RT Lee Martin
To celebrate @Coheed's new album dropping, here's a @CodePen recreation of the countdown clock we launched 10 years ago.
https://codepen.io/leemartin/pen/bGLXpGd
RT Lewis Lane 🐷
Couldn't resist a cheeky codepen of this:
Kissing in the Rain: You also have to say what you are. Älegna. And I’m a trestle table.
RT T. Afif @ CSS Challenges
💡 CSS Tip!
Create a colorful bar loader using a few lines of code
✅ 1 element
✅ No pseudo-element
✅ 2 declared gradients
✅ Less than 15 declarations
✅ 1 value to control the size
Demo:
#CSS
http://codepen.io/t_afif/full/BaYqggw
https://twitter.com/ChallengesCss/status/1539934312887377921
RT jake albaugh
over 7 years ago now! so grateful to the @CodePen community and team.
jake albaugh: 5y ago i was fairly isolated. i had a weird idea, made this self-coding pen and the @CodePen community was there for it. it meant everything.
you absolutely do not need to build silly things to succeed in tech, but if you want to, please go for it.
https://codepen.io/jakealbaugh/pen/PwLXXP
RT Hyperplexed
Recreating @Twitch gradient hover effect on @CodePen
Link:
Tutorial:
#codepen
https://cdpn.io/QWQRGdO
https://youtu.be/joDhIH6Xumw
RT Sophia Wood
I doodled a toy this morning for even/odd codepen challenge:
even and odd vertices are different in color
>mouse L/R is a time factor
>mouse up/down is a radius factor
>press key to pause
>press mouse to mix graph
#codepenchallenge #p5js #mathart
https://codepen.io/fractalkitty/pen/NWyVggE
RT Kit Jenson
Catch Of The Day. A simple #game where you catch as many #fish as possible. Good luck.
#codepen #HTML #CSS #javascript #webdev #indiegame #indiedev #indie #hooked #lake #boat
https://codepen.io/kitjenson/full/eYzovNv
RT Adam Kuhn
design team handed me a solid opportunity for some generative work for the upcoming #KongSummit2022 so I cobbled this together in vanilla JS & CSS grid w/ a whole lot of custom properties and some fun box-reflect & backdrop-filter tricks
thnx for lookin'
https://codepen.io/cobra_winfrey/full/poaYpGV
https://twitter.com/cobra_winfrey/status/1539612659364118531
RT Jhey ✈️🐻✨ {transform:translate(@smashingconf);}
Honestly. I kinda love playing with it 😅
Use it on a device and send us your screenshots! 👀
And if you're at @smashingconf, pick up the zine and make your own! 🙌
👉
zeroheight: Inspired by our loopy pencil sticker, @jh3yy has created a squiggly pencil codepen that is super cool and addicting to use 🖊 Pick up a copy of our zhine at our stall at @smashingconf and check out his tutorial!
RT Jon Kantner
Bouncy Block Clock
https://codepen.io/jkantner/pen/GRQaPPV
RT masahito art
Coded a dystopian robot simulation - an ecosystem of robots hunting each other and multiplying.
@CodePen
#javascript #robots
https://codepen.io/Ma5a/full/LYQoLNR
RT Ana Tudor 🐯🖤🌻
Another pure CSS card backgrounds demo I made on @CodePen:
Each card is just 1 div. No SVG, no JS.
Only CSS. And can get some pretty damn cool effects too.
https://codepen.io/thebabydino/pen/NWxBzRv
RT Toshiya Marukubo
漫画線みたいな
Code and Demo👇
Video alt : On radial lines is displayed when hover to elements.
https://codepen.io/toshiya-marukubo/pen/LYQvrMN
https://twitter.com/toshiyamarukubo/status/1538483112623058944
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
