CodePen.IO @[email protected]

RT 🐴 Frontend Horse
The brilliant @keyframers created a price slider that has a few great animation details. I love the inertia on the diamond and the way the price counts up and down to adjust.
Check the @CodePen here:
https://codepen.io/team/keyframers/pen/ExWGGpX

https://twitter.com/FrontendHorse/status/1407047562327175173

RT Ivan Bogachev
Lines + Mouse (WebGL example)
https://codepen.io/sfi0zy/pen/zYZQJJV

https://twitter.com/sfi0zy/status/1407329583339352066

RT Elad Shechter
🤔 Did you know that #CSS has a 'text-stroke' feature?
Which is working in all updatable browsers, even in old Edge versions.
@CodePen:
Note: this feature needs the 'webkit' prefix in all the browsers, @caniuse support:
https://codepen.io/elad2412/pen/VwpgOyq
https://caniuse.com/text-stroke

https://twitter.com/eladsc/status/1406909080954941447

RT Ana Tudor 🐯
See me code this cell gradient animation with Houdini magic 🎩🐇✨ in ~10 min
Live on @CodePen
Enjoy!
https://www.patreon.com/posts/video-cell-with-52695954
https://codepen.io/thebabydino/pen/abNxwVr

https://twitter.com/anatudor/status/1406344399018237952

RT Amit Sheen
Finally connected my drum set to the amazing 3D Beat Burger made by @steeevg and @trostcodes.
All I need to do now is to learn how to play the drums. 🤣
Go play the Beat Burger:
https://codepen.io/ste-vg/full/MWpxKYR

https://twitter.com/amit_sheen/status/1406628893646262273

Ready for your next #CodePenChallenge?
This week we'll hit the arcade with a magazine feature that just needs one thing — a good layout! 👾
https://codepen.io/challenges/2021/june/3

https://twitter.com/CodePen/status/1406991815211945988

RT Ana Tudor 🐯
See me slicing some triangles in this little coding video
Live on @CodePen
https://www.patreon.com/posts/video-slicing-52663926
https://codepen.io/thebabydino/pen/yLaygEo

https://twitter.com/anatudor/status/1405991322327130114

RT carl schooff
Starting in Front End?
Looking for a job that requires basic web animation skills?
Everyone wants to make the fancy "award-winning" stuff, but first you have to know the basics.
Try the challenge below.
Starter file:
Need help? See 🧵
#100daysOfCode
https://bit.ly/2TIwCEb

https://twitter.com/snorklTV/status/1405913774989602819

RT Simin
My Shopping Layout Design for this week's #CodePenChallenge.
@CodePen
Full Code :
https://codepen.io/SiminR/full/abJMaOb

https://twitter.com/SiminDev/status/1405942726596628480

RT Yusuke Nakaya
This Pen is multiple objects that are mouse controlled only by CSS!
CSSだけでマウス操作される複数のオブジェクト。これはコンセプト作品なので、表現的な面白さは特にありません！🤣
Only CSS: Duplicate Cubes
@CodePen
#css #CSS3D #cssArt #webdevelopment
https://codepen.io/YusukeNakaya/pen/XWMOQMb

https://twitter.com/s14garnet/status/1405828593800781824

RT Takane Ichinose 市瀬峻峰
#CodepenChallenge Shopping Layout Sample Design
I tried to make a sample layout of e-commerce in this week's Codepen challenge.
#html #css #ui #webdesign
https://codepen.io/takaneichinose/pen/WNpLMrx?editors=0110

https://twitter.com/takane_ichi/status/1405904422203539456

RT Jen Kramer
🎉Excited that my new @LI_learning course on HTML and CSS Layout Challenges has been released! Get practice working with Flexbox, Grid, and semantic HTML in a series of challenges to practice your skills.🎉
Videos:
CodePen files:
https://www.linkedin.com/learning/semantic-html-and-css-code-challenges/
https://codepen.io/collection/XqrZBZ

https://twitter.com/jen4web/status/1405563455810252803

RT Amit Sheen
#CSS is awesome.
Full code @CodePen:
https://codepen.io/amit_sheen/pen/BaWMegz

https://twitter.com/amit_sheen/status/1405517190896422912

RT Steve Gardner
You know how you've always wanted to play the drums on a burger? Who hasn't right? WELL, NOW YOU CAN!!
I made this @CodePen for @FrontendHorse's Component Carousel and it was a load of fun. Made with @greensock and @threejs
https://codepen.io/ste-vg/full/MWpxKYR

https://twitter.com/steeevg/status/1405627486822674432

RT George Francis
Experimenting with some generative grid layouts✨
I think I am going to write a little blog post about this method — keep an eye out for something soon! 👀
Codepen here //
https://codepen.io/georgedoescode/pen/YzZgKyO

https://twitter.com/georgedoescode/status/1405562515161944065

RT Kim 🇿🇦
Loving this month's #CodePenChallenge @CodePen
👟👟👟
NuShus who dis
https://codepen.io/ktich/full/ZEemZRe

https://twitter.com/KTichmann/status/1405623185098350593

RT Arman Borkhani
Codepen Challenge - Shopping Layout
#CodePenChallenge
https://codepen.io/armanb/pen/abJXaBN?editors=1000

https://twitter.com/arman_d_b/status/1405434160311898119

RT Toshiya Marukubo
Fibonaccing #javascript #canvas #generativeart
made with
https://codepen.io/toshiya-marukubo/pen/NWpgORz

https://twitter.com/toshiyamarukubo/status/1405350160083812352

RT Andy Bell
Check it out: @una and I chatted to @chriscoyier on CodePen radio about Learn CSS
https://blog.codepen.io/2021/06/16/320-andy-and-una-from-googles-learn-css-project/

https://twitter.com/piccalilli_/status/1405528715035959311

RT the @keyframers
💎 Diamond Slider! 💎
Super fun interactive range slider from yesterday's stream with native JS and LERP.
💡 Inspiration:
💻 @CodePen Demo:
📺 Watch:
#webdev #css #js #animation #slider
https://dribbble.com/shots/15826108--luxone-Ordering-Page
https://codepen.io/team/keyframers/pen/ExWGGpX
https://youtu.be/CGfmYWfNbdA

https://twitter.com/keyframers/status/1405197118529212424