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
RT Netlify
Did you know you can deploy from @CodePen to Netlify in less than 30 seconds? 🏎️
https://www.youtube.com/watch?v=wo-n8kxEJMo
RT Hunor Márton Borbély
New 3D game with physics on @CodePen. This one uses Three.js for graphics and Cannon.js for the physics simulation.
👉
#codepenchallenge #threejs #cannonjs #javascript
https://codepen.io/HunorMarton/pen/MWjBRWp
New week, new #CodePenChallenge!
For week two of the States of Matter Challenge, our host @rosieebob has us experimenting with liquids 💧
https://codepen.io/challenges/2021/january/2
See a blog post about an interesting package you wanna try? TRY IT!
1) See
2) Copy and paste code
3) Turn import into a Skypack import
4) Read docs and poke around.
https://www.bram.us/2021/01/04/litepicker-date-range-picker/
https://codepen.io/chriscoyier/pen/LYRmBzJ?editors=1111
RT Stephanie Eckles
🟣 CSS Quick Tip
Did you know you could flip an element with just one property?
Within the `transform` property, use `scale` and a value of `-1` to flip the element along your desired axis.
@CodePen demoing the effects of this snippet:
https://codepen.io/5t3ph/pen/MWjGJpm
You knew it was coming! Of course we did The Most Hearted of 2020! (Feel free to hack that URL to view previous years, including some early years we'd never calculated before.)
https://codepen.io/2020/popular/pens
RT jake albaugh
I wrote a chess engine, random AI, and visualization on @CodePen. Play against a bad AI, or wager money as it plays bad chess with itself. I'm sure there are still bugs in here but hey, happy new year.
here it is finishing a game in real time.
https://codepen.io/jakealbaugh/full/JjRGQPY
RT Jhey 🐻🛠
📢 Ditch Hex for HSL 📢
Pluck colors out of your head without looking them up 🧙♂️
One of my biggest takeaways from Refactoring UI 👍
What do you use for colors in your CSS? 🧐
Practice with this slider control 🤓
⚒️ @reactjs
👉
https://codepen.io/jh3y/pen/gOwegKr
RT Sowmya Seshadri
Check out the button hover animation (pattern from @steveschoger's #heropatterns ) in @CodePen -
#CSS3 #html #animation
https://codepen.io/sowmyaseshadri/pen/mdrxXPL
https://twitter.com/seshadrisowmya/status/1346107998960160769
RT Adrien N.
What to do on a 10 hours train ride? Have some fun on @CodePen with a Cyberpunk 2077 inspired redesign of a Slack or Discord inspired messaging app. 🚨
Could this be the start of a cheeky sci-fiesque component library using Preact? Mayyyyybe 🤖
https://codepen.io/hussard/pen/ExgbXMP
Build, test, and discover front-end code 👩🏽💻