@RT Håvard
Here's a collection of pens that I've created (and made public) on @CodePen this past year😀 Apparently I'm a big fan of black/white or blue UI components 😄
https://codepen.io/collection/vBKZgN
The December #CodePenChallenge starts now!
December's theme is Animation with @GreenSock
We have a special guest host, @cassiecodes 🙌
Cassie has a whole month of fun prompts, ideas, and resources to help beginners get going & pros flex their skills ✨
https://codepen.io/challenges/2021/december/1
RT Jhey 🐻🛠️✨
Block yo self! ✨
Couldn't resist creating a 3D CSS powered version of this where you use your own photos 😅
Show me your block 😂👇
👉
Senior Oops Engineer: I am losing my mind
RT Ale 🎄✨
CSS TIP 💡✨🌈
You can create gradient text by tweaking just three simple properties: background-image, color, and background-clip!
CodePen:
https://codepen.io/pokecoder/pen/gOGpKqM
"hello animation apple's screen saver" by tripti
https://codepen.io/tripti1410/pen/pordWpZ
RT Yoav Kadosh
If you want people to like your content, you need to have g̶r̶e̶a̶t̶ ̶c̶o̶n̶t̶e̶n̶t̶ a great like button!
So I made one that no user can ignore:
See it live on @CodePen
(Made with SVG and CSS transforms 🤩)
https://codepen.io/ykadosh/pen/PoJYONy?editors=0110
RT Dan Wilson
500 ornaments lighting up a tree on @CodePen with Math, blend modes, and opacity animations:
https://codepen.io/danwilson/full/MWvNYQq
RT Jon Kantner
Another clock but way different. It’s a mini landing page counting down to a Unix moment: the Year 2038 problem.
https://codepen.io/jkantner/full/rNGVWeJ
RT Aaron Iker
Just had my very first podcast experience w/ @chriscoyier at @CodePen Radio. We talked about libraries, my work and some insights - forgive me my german accent 😀
https://blog.codepen.io/2021/12/01/344-with-aaron-iker/
RT Steve Gardner
It's that time of year where you might be thinking of putting up your Christmas decorations. Don't forget I built this handy app to help plan your room...
🎄🎁⭐️
https://codepen.io/ste-vg/full/BazEQbY
RT Jhey 🐻🛠️✨
Generative CSS Spiral Christmas Tree 🎄
Powered by inline custom properties 🎅
Share your tree! 👇
👉
http://codepen.io/jh3y/pen/bGoNOvN
"Aliendscape 🪐" by Frank Force
https://codepen.io/KilledByAPixel/pen/BawBKqP
RT jake albaugh
i made this procedurally generated polygonal thing the other night on @CodePen inspired by a wine bottle label. it's called POLYTENSION. click it to regenerate.
https://codepen.io/jakealbaugh/full/BawamrM
RT CSS Challenges
💡 CSS Tip!
Create a simple CSS-only loader using one element. Easy to customize using CSS variables.
One code = Multiple loaders
Demo:
#CSS
https://codepen.io/t_afif/pen/bGoNddg
https://twitter.com/ChallengesCss/status/1466011412048887815
RT David Aerne
With a little guidance from @neuromantic6 I implemented a JS version of @iquilezles palette function on @CodePen
https://codepen.io/meodai/pen/MWEYqEb?editors=0010
RT Toshiya Marukubo
Generate that / ジェネレイトあれ
あれにドットパターンとダウンロードボタンを追加しました。世界中でよく見るあれがいつでもどこでも楽しめます。
I added a dot pattern and download button. Everyone can enjoy that in anywhere anytime.
Link👇
https://codepen.io/toshiya-marukubo/pen/gOGYXMd
https://twitter.com/toshiyamarukubo/status/1465888948098453512
RT Mike Aparicio
Made some Christmas lights for my stream overlay! 🎄 You can see how I did it here:
https://codepen.io/peruvianidol/pen/YzrPPRb?editors=1100
RT Andrew Walpole
🎶🔔
Jingle Bells
Your code smells
Forgot a curly brace
Deploy just failed
And the client wailed
While production’s down for days
🔔🎶
Counting down the milliseconds!!
https://codepen.io/walpolea/pen/LYjJXjd
RT CSS Challenges
💡 CSS Tip!
Give your multi-line text a great looking.
`box-decoration-break: clone` + some gradients = a magic result 🪄
Demo:
#CSS
https://codepen.io/t_afif/pen/BawBBGO
https://twitter.com/ChallengesCss/status/1465645219056173063
RT Ricardo Oliva Alonso
🚀3D CSpaceShip - Designed by Adam Witton
Live @CodePen :
#html #css #javascript #cssart #3D #isometric #voxelart #animation #illustration #space
https://codepen.io/ricardoolivaalonso/full/qBPBmeN
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
