The Fixer Upper #CodePenChallenge continues!
This week, let's do some table flipping 🛠
Thanks @balsamiq for sponsoring!
https://codepen.io/challenges/2022/september/3
RT Andreus
Mi vieja me dio la vida. @CodePen las ganas de vivirla.
En esta nueva entrega les traigo: el teclado con el que aprendí a programar.
(css only etc etc)
https://codepen.io/AndreusCafe/full/rNvWboJ
RT @learosema
I tried to build those toy bricks, a 2D variant of it, with pure css via @CodePen :)
https://codepen.io/learosema/pen/YzLpdMo??editors=1100
RT Jon Kantner
Generative Tree Animation 🌳
https://codepen.io/jkantner/pen/GRdNVKw
RT Amit Sheen
A portal between two parallel perspectives.
Pure #CSS.
Full code @CodePen:
https://codepen.io/amit_sheen/full/mdLOKom
"Nabla color font!" by Scott Kellum
https://codepen.io/scottkellum/pen/ExLNjzj
RT Yusuke Nakaya
【過去作品シリーズ】
夏の終わりに。胸に響く花火の音って、いいよね🎆 ドーーン、パラパラパラ。ドーーン、パラパラパラ。
Only CSS: Fireworks Rush
@CodePen
#cssart #css3d #animation
https://codepen.io/YusukeNakaya/pen/zYvWGwb
RT Luke Meyrick
Don't ask me why but I maayyyy have completely recreated the iPhone 14 in CSS - complete with ✨Dynamic Island✨ and gradient backgrounds 😅
👀 @CodePen
https://codepen.io/lukemeyrick/full/poVyEdZ
RT George Park
It's been a minute since I last uploaded to @CodePen so here's a pen showing how the currentColor value can be applied to SVG attributes allowing SVG elements to inherit the CSS color property defined on the nearest parent element
http://cdpn.io/abGmrmr
RT T. Afif @ CSS Challenges
〰️〰️ Let's make some waves 〰️〰️
Demo:
#CSS
http://codepen.io/t_afif/full/rNvLjmy
https://twitter.com/ChallengesCss/status/1568920496477020161
RT Chris Gannon
Frosted Glass Loader @CodePen
JS:
Lottie:
#animation #svg #javascript #lottie
https://codepen.io/chrisgannon/pen/MWGevxP
https://lottiefiles.com/119648-glass-loader
RT AdirCode
I’m trying to re-write with #javascript a game I did for my MA studies, here’s the board with some fun #CSS animations.
More to come…
Here’s the @CodePen:
https://codepen.io/Adir-SL/pen/qBYNLJe
The Fixer Upper #CodePenChallenge continues!
This week, we're tacking horizontal overflow 🛠
Thanks @balsamiq for sponsoring!
https://codepen.io/challenges/2022/september/2
RT 🐴 Frontend Horse
The latest issue is comin' around the mountain. 🐎🏔️
It's packed with wonderful @CodePen's , articles and inspiration!
Issue 70: CSS Sunsets, Blurry Eclipses, & Grumpy Cats!
Check it out here:
https://crafty-builder-6494.ck.page/posts/70-css-sunsets-blurry-eclipses-grumpy-cats
https://twitter.com/FrontendHorse/status/1568309772801163266
RT Jhey 🔨🐻✨
Jus' listened to the latest @CodePen Radio 📻
"Speedy CSS Tips! ⚡️" got a mention 👀 (Thank you @MMosley && @chriscoyier 🙏)
That means it must be time to record and edit up a new one. What would YOU like to see?
Here's the collection so far 😁👇
https://twitter.com/i/events/1549102292632305665
RT Chris Coyier
For the #CodePenChallenge this week, I made a really poor grid of cards (float-based, overlapping media, weird gaps...). "Fixer Uppers" is the theme, so the challenge is to make it good not bad.
(Video of some of the entries so far!)
https://codepen.io/challenges/2022/september/1
RT Chris Coyier
I'm thinking it would be fun to do an Ask Me/Us Anything style podcast for @CodePen Radio.
So... AMA.
Reply to this (or DM me or email me) and I'll organize the questions and do a show on them soon.
Chris Coyier: Sir @alexquez and I just recently hit our "Have been running @CodePen for 10 years" milestone.
We teamed up to share our best bits of advice.
https://blog.codepen.io/2022/08/03/379-chris-alex-have-been-running-codepen-for-10-years-what-have-they-learned-heres-the-top-10/
RT Jon Kantner
Range Slider With Glowing Gradient
https://codepen.io/jkantner/pen/VwxeeVb
RT Ben Evans
Attempting video-realism with just CSS (& HTML)
No images - No JavaScript
via @CodePen
#cssart #purecss #cssonly #cssartist #codepen
https://codepen.io/ivorjetski/pen/yLjeqgb
Build, test, and discover front-end code 👩🏽💻