@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
RT Suzanne Aitchison
It's been a while since I just played around with something random in @CodePen. Maybe a new way of noting new years resolutions 😆 The CSS needs tidying up but sometimes the fun is just splatting things out and seeing where it goes 🚀
https://codepen.io/aitchiss/pen/QWKmPqx
New year, new #CodePenChallenge 🎉
This month, @rosieebob is your challenge host!
Kristopher's Challenge theme is The States of Matter. Let's get week one off to a SOLID start 💠
https://codepen.io/challenges/2021/january/
RT Ana Tudor 🐯
My last coding video for the year: delete 2020, insert 2021
Live on @CodePen
Using some tricks from @AmeliasBrain - thank you!
Enjoy and see you in 2021!
https://www.patreon.com/posts/video-delete-45649325
https://codepen.io/thebabydino/pen/yLaPQZr
These Tailblocks are pretty neat. Super fast way to get started building out UI.
https://mertjf.github.io/tailblocks/
RT Steve Gardner
Yay! My @greensock ScrollTrigger demo is the second most loved @CodePen of 2020! 😮🎉.
There is some amazing work in the list, you should check it out...
Steve Gardner: I finally found some time to have a play with @greensock ScrollTrigger! It's pretty great! I made this @CodePen, it's a little rough around the edges (only tested on a few devices) but was surprisingly simple to put together. ✈️
https://codepen.io/ste-vg/full/GRooLza
RT Akash bhandwalkar
HTML CSS ONLY!
Completed the remained objects that I've planned.
[#100DaysOfCode ]
@CodePen:
https://codepen.io/__akash__19/pen/zYKpEeL
RT Jhey 🐻🛠
Infinite Circle Rings 🐝
• ~50 lines of CSS 🪄
• 4 lines of Pug 🐶
👉
https://codepen.io/jh3y/pen/poEarLX
RT Asyraf Hussin 👨💻
Pure CSS The Rock
@CodePen :
https://codepen.io/AsyrafHussin/pen/WqQPRm
https://twitter.com/asyrafhussin4/status/1344463874263711745
RT Adam Kuhn
stoked to sneak onto the upper half of @CodePen’s Most Hearted 2020 alongside some truly lovely people who consistently impress & inspire me 🎉
https://codepen.io/2020/popular/pens
https://twitter.com/cobra_winfrey/status/1344466732459520000
RT Álex S. Lérida 👨💻
Happy New Year with Vue.js 🎄🥂
https://codepen.io/lerida/full/MWjQvjR
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
