RT Matthias Hurrle
Riveting Refractions 🔉
@CodePen below 👇 https://t.co/xHlFwEVwgT
RT Ksenia Kondrashova
Can you guess what this little pleasing thing is?
Just a TorusKnotGeometry(1, 0.4, 200, 50, 2, 1) with MeshNormalMaterial() spinning around the axis with OrbitControls. Linear rotation only!
Live demo & source code: https://codepen.io/ksenia-k/pen/poQerxo
Made with @threejs
Hosted on @CodePen https://t.co/0CLWzaBUFv
RT Mads Stoumann
Chromesthesia is such an interesting phenomena, where colors are mapped to musical notes. I did a playable color/sound picker for #CodepenChallenge https://codepen.io/stoumann/pen/MWzpmzE via @CodePen https://t.co/aI9bCabji7
RT Adam Argyle @ Figma's Config
Re Container query inception by taking those smart buttons and putting them into different spots in a design and watch them self adjust!
Responsive Button Demo
https://codepen.io/una/pen/GRwZNrv https://t.co/8oQTSux6m0
RT Bence
Terrain map generation with SVG under half of a kilobyte 🤏
Terrain Map 🧭 (499 bytes) #PetitePatterns on @CodePen
https://codepen.io/finnhvman/pen/WNYRYRd https://t.co/dkb33mRtFH
RT T. Afif @ CSS Challenges
🎨 CSS Tip!
Do you want to define an array of colors using only CSS? Yes, it's possible! It's limited to only background coloration but can be useful.
Easy navigation using an index like any programming language 😎
Demo: http://codepen.io/t_afif/pen/KKrNYyp via @CodePen
#CSS https://t.co/5unsow7DCF
https://twitter.com/ChallengesCss/status/1673277381614751744
"Keep CSS Weird" by Adam Argyle
https://codepen.io/argyleink/pen/KKGOpMZ https://t.co/sks4i2lYju
RT Jordan Dey
Breaking the habit of last-minute submissions for the #CodePenChallenge 😅
I'm thrilled to present my latest work to the 'Bubble UI' project. Introducing two new pickers!
@CodePen: https://codepen.io/DeyJordan/pen/poQvgaz
#webdev #UI #design #CodePen #html #css #frontend #100DaysOfCode #dev https://t.co/EB4A1LdtxB
RT David Aerne
Played around with poline on @CodePen the other night: https://codepen.io/meodai/pen/WNYxBay still not a 100% happy with the output, but I am getting there. #generative #color https://t.co/uh72OpG0NI
RT Rob Stinson
Latest @CodePen fun - inspired by a recent trip to Athens.
https://codepen.io/robstinson/pen/GRwrXJQ https://t.co/ITYE6KD6rQ
RT Mads Stoumann
Cube Color Picker — my entry for this week's challenge, using Material Design colors. https://codepen.io/stoumann/pen/MWzJQPQ via @CodePen https://t.co/6uCDhl0Zl0
RT Ksenia Kondrashova
GLSL fire shader based on Simplex noise with a static SVG overlay. No interactivity this time, just sketching on Saturday night ¯\_(ツ)_/¯
Live demo & source code: https://codepen.io/ksenia-k/full/NWEbLEq
Made with @threejs
Hosted on @CodePen https://t.co/nM90VYmMV2
RT Mads Stoumann
Filter Compare Slider — anything from cool to scary horror-effects! https://codepen.io/stoumann/pen/qBQqqqg via @CodePen https://t.co/NraP0zY4jw
It's the final week of the "Choice UI" #CodePenChallenge!
This week, let's get into pickers: color pickers, date pickers, file pickers, and more 🗓
https://codepen.io/challenges/2023/june/4 https://t.co/MRH56OdVVw
"🌊 SVG Water Reflection 🌊" by CeramicSoda
https://codepen.io/ceramicSoda/pen/abQNBBz https://t.co/Lln9kwSmpP
"Accept Terms & Conditions" by Mads Stoumann
https://codepen.io/stoumann/pen/GRwRjYP
wait, which ones did I check already? https://t.co/IWkyUvxlg6
RT Rita
I created a nifty stepper component with React using 'useState' to manage the step state. I've spent the last few weeks trying to ward off my imposter syndrome, so l'm just building stuff.
Check it out!
#react #webdevelopment #frontenddev https://codepen.io/ritabradley_dev/live/OJaRvYd via @CodePen
https://twitter.com/ritabradley_dev/status/1672269746484690944
RT Dale de Silva
Just watching this @CodePen again.
Is it weird to take joy in your own creations? 🤣
#genArtClub @PixiJS #creativeCoding
Pen: https://codepen.io/daledesilva/pen/OJEYxgj https://t.co/GtQOsbxQJo
RT Mikael Ainalem
The outline button on @CodePen A combination of motion-offset/offset-distance and clipping paths to create an unusual animated outline https://codepen.io/ainalem/pen/ExOgqOE https://t.co/rUZY7Cj1TV
https://twitter.com/mikaelainalem/status/1671972752834568211
RT Matthias Hurrle
Pod Race
@CodePen below 👇 https://t.co/XxLZo9Mqyl
Build, test, and discover front-end code 👩🏽💻