@RT jake albaugh
putting together my talk for @devreach and am fondly revisiting early CSS3 patterns like the ol' "lifted corners" shadow.
if you want a trip down memory lane, i threw a demo together on @CodePen without the litany of vendor prefixes it used to require.
https://codepen.io/jakealbaugh/pen/BaxobYQ
RT hankuro
#金魚
金魚は調教できないけど、PCの中だとここまで調教（プログラミング）できます。
https://hankuro.org/HTML_017.html
https://codepen.io/hankuro/pen/dyeYNNx
RT Matan Sanbira
practiced my fluid chops with the @CodePen #CodePenChallenge and now I go to sleep 💤
https://codepen.io/MSanbira/pen/mdLeVJw
https://twitter.com/StudioSanbira/status/1567267101261398018
RT Bence
Infinite Freeze-Melt cycle 🧊 #PetitePatterns on @CodePen
Made in just 577 bytes of pure SVG, each cycle comes with a new pattern. (Warning: might melt your CPU as well 🫠)
https://codepen.io/finnhvman/pen/yLjYeOw
RT Jomohop
A "reassuring" animation for after an important and/or complex process
https://codepen.io/jomohop/pen/yLjNXXq
RT T. Afif @ CSS Challenges
💡 CSS Tip!
Turn your rounded images into a fancy slideshow using a few lines of code
✅ Minimal HTML (<img>s inside a container)
✅ One keyframes
✅ One value to control the size
✅ Mesmerizing animation 💫
Demo:
#CSS
http://codepen.io/t_afif/full/gOzpKry
https://twitter.com/ChallengesCss/status/1567126631335985153
RT Mads Stoumann
Connecting Points — fun with SVG, Math and geometry
https://codepen.io/stoumann/pen/GRdgbjN
"Sticky dragable box" by Evan Jin (진경성)
https://codepen.io/rudtjd2548/pen/wvjvVxw
The September #CodePenChallenge starts now!
This month is all about Fixer Uppers 🛠
Each week we'll renovate a layout that need a little "FiCSS"-ing up!
Let's kick it off with this gnarly grid 😬
Thanks @balsamiq for sponsoring!
https://codepen.io/challenges/2022/september/1
RT Kevin Powell
So, awhile back I had a fun chat with @chriscoyier over on CodePen Radio, and somehow missed that the episode went live... months ago 😂
We talked about making YT vids, the future of my channel, and CSS stuff!
If you missed it too, you can find it here:
https://blog.codepen.io/2022/07/01/374-kevin-powell/
RT kotAndy 🐾
My work from the past.
I love this man, because he’s like me 😅 He needs to fit into the flow, but he can’t go through with it.
CSS Pure | Fast Lane
https://codepen.io/kotAndy/pen/wZgKyO
RT Hyperplexed
Fixing up the Rotten Tomatoes mobile site on #codepen.
Link:
See it on YT:
https://cdpn.io/BaxBZjV
https://youtube.com/shorts/5TCkjhG1TVU
RT Jon Kantner
Spinner and Balls
https://codepen.io/jkantner/pen/QWrLOXW
RT Johan Karlsson
Leash Spiral on @CodePen:
Click to generate a new random image!
#generative #creativecoding
https://codepen.io/DonKarlssonSan/full/PoOzabY
https://twitter.com/DonKarlssonSan/status/1564681215457857536
RT Elad Shechter
🤩 #CSS Cascade Layers is now supported in all evergreen browsers!
This feature is changing our approach to CSS specificity.
@CodePen demo:
@caniuse:
Talk of @bramus on CSS Layers:
https://codepen.io/elad2412/pen/gOzYvQR
https://caniuse.com/css-cascade-layers
https://www.youtube.com/watch?v=zEPXyqj7pEA
RT Manuel Matuzović
“oh my god your wrapper class is like so 2021”
CodePen:
h/t @ChallengesCss
https://codepen.io/matuzo/pen/qBoeMYg
RT Louis Hoebregts
Little planet ✨ #WebGL @threejs
See it moving on @CodePen 👇
https://codepen.io/Mamboleoo/pen/NWYQMwR
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
