RT Tatiana Mac
Happy Friday! I coded this @KingJames stat card. With a timebox of two hours, my goal was to not rely on media queries for responsiveness while maintaining the spirit of the design. Imperfect but done for now!
🔗 Codepen:
Los Angeles Lakers: These two were feelin' it from deep 🔥🔥 #LakersWin
RT Louis Hoebregts
I recently saw a gif of an artist creating portraits with nothing but dices 🎲
Here is my version made with @p5xjs, @threejs_org & @greensock on @CodePen 👇
Turn on your webcam and watch the dices rolling 📹🎲
(yes perfs are aweful 😅)
https://codepen.io/Mamboleoo/pen/abmMwPM
RT Amit Sheen
Yesterday I had an amazing live coding session with the "CSS Masters Israel" community. We built an animated 3D dodecahedron, and talked a lot about perspective and transforms in CSS.
Full session: (in Hebrew)
The final result:
https://youtu.be/lU_UTTNrDJY
https://codepen.io/amit_sheen/pen/BaLbeeX
RT Chris Coyier
Señor @alexquez and I chatting about a new internal service we built at @CodePen.
It's about hitting your own URLs rather than third-party URLs. It can be faster, cheaper, and more secure, with a smidge of work.
https://blog.codepen.io/2021/01/20/299-meet-cphub/
RT Melissa McEwen
Ported my random rainbow generator 🌈 to @skypackjs + @CodePen
https://codepen.io/melissamcewen/pen/mdrgexd
https://twitter.com/melissamcewen/status/1352039560449044482
RT Álvaro Montoro
Not as spectacular (or gassy) as other pens. But here's an entry for the #CodePen challenge: an animation of a gassy shark... doo doo, doo doo doo doo!
https://codepen.io/alvaromontoro/full/zYKbRgP
https://twitter.com/alvaro_montoro/status/1352250815726166021
RT aexcode
For my second #codepenchallenge, I learned how to make this complex border with pure CSS & I incorporated some responsive text!
↗️
@CodePen
The image is a recreation of Mark Boehly's Hot Air Balloon Stamp on
@dribbble:
http://codepen.io/aexcode/full/oNzVWYo
http://dribbble.com/shots/9108608-Hot-Air-Balloon-Stamp
RT Ana Tudor 🐯
I did something special on @CodePen
Memorial
https://codepen.io/thebabydino/pen/WNGPjLx
https://codepen.io/collection/DqGWek
RT David Fitzgibbon
Re A quick doodle of Andy Warhol's Marilyn Monroe portrait in @p5xjs
https://codepen.io/loficodes/pen/poEqLwK
RT 🐴 Frontend Horse
A quick breakdown of this fun hover effect from @argyleink!
Here's the @CodePen :
https://codepen.io/argyleink/pen/poEjvpd
https://twitter.com/FrontendHorse/status/1350497754531966977
It's the 3rd week of our States of Matter #CodePenChallenge!
This week, let's explore the gas state of matter with our challenge host @rosieebob 🎈
https://codepen.io/challenges/2021/january/3
RT Christina Gorton
It has been a long time since I made something fun on @CodePen that I didn't have to keep private 🤫
This animation is in honor of my new pug puppy King Bumi.
https://codepen.io/cgorton/pen/VwKqKMy?editors=0010
https://twitter.com/coffeecraftcode/status/1350165946795782147
RT 😊 • 𝓝Ⓐℕ𝕠Ⓤ • 😊
My kind of sunset 🌅🌄🌇🌆
Link:
#100DaysOfCode #womenwhocode #CodeNewbie
https://codepen.io/antoniasymeonidou/pen/poEQZmm
RT Alex Lerida 👨💻
An animated password strength meter!
I'm keeping these color theme as my personal one 🎨✨
@CodePen
@greensock
https://codepen.io/lerida/pen/MWjPxRW
https://dribbble.com/shots/14938179-Pass-Strength-Shield
RT Nick Strayer
I'm always looking to get better at #css so I decided to recreate this cute bird tile I have hanging up in my office using only divs and no fixed sizes so it scales exactly. clip-path and repeating-*-gradient are your friends.
https://codepen.io/nstrayer/pen/PoGdVgJ
https://twitter.com/NicholasStrayer/status/1349763494246313984
RT Amit Sheen
I love playing around with dominoes, even (and maybe especially) when it's with pure CSS.
Full code @CodePen :
https://codepen.io/amit_sheen/full/qBaJpPo
RT Mikael Ainalem
Experimenting with an alternative UX to scroll to choose different topics. On @CodePen
https://codepen.io/ainalem/full/dypqrPO
https://twitter.com/mikaelainalem/status/1348746918466383873
RT Aysenur
Glassmorphism Creative Cloud App Redesign @CodePen
https://codepen.io/TurkAysenur/full/ZEpxeYm
Build, test, and discover front-end code 👩🏽💻