@RT Nik Lever
First 10 of last months #threejs tips are now available in article format with links to the CodePen examples.
https://niklever.com/10-three-js-tips/
RT Jon Kantner
What if a switch handle moved the opposite way to get to the other side? 😛
https://codepen.io/jkantner/pen/MWVQZjd
RT Dr Abstract
Fun to do the @CodePen #CodePenChallenge for this week - long text! See what we did here:
DOOO WEEE ROOOCK?!
#Canvas #JavaScript #LabelOnArc
#ZIMjs
https://codepen.io/zimjs/pen/MWVQQrm
RT • nanou •
2020 vs 2022
Pure CSS: Then and now
Code:
Code:
https://codepen.io/antoniasymeonidou/pen/yLOYaeE
https://codepen.io/antoniasymeonidou/pen/qBPoJXB
RT Praveen Puglia
Here's a take on a better PAN number input experience on mobile. Requires tiny amount of JS but feels so good.
The keyboard switches between numeric and alphanumeric using the `inputMode` attribute.
@CodePen #UX
https://codepen.io/praveenpuglia/pen/oNqEzPo
https://twitter.com/praveenpuglia/status/1554358490222968832
RT Adam Kuhn
go ahead and type some stuff & enjoy these mix-blend-mode animated variable fonts for this week's loooong teeeext @CodePen challenge
https://codepen.io/cobra_winfrey/full/poLpmmd
https://twitter.com/cobra_winfrey/status/1554493467790917632
RT Shaw
CodePen PRO Users: Assets just got some nice improvements. You can now easily bulk download to create backups or bulk delete to clear out unused Assets!
https://blog.codepen.io/2022/07/25/bulk-actions-for-assets/
RT Elissavet 👩🏽💻
August + #javascript Challenges!
This is my take for this week's #CodePenChallenge:
Thank you @CodePen & @storyblok for making this possible! ☺️
https://codepen.io/elisavetTriant/pen/yLKvNYa
RT Hyrum Seth White
Had fun with this week's #CodePenChallenge. A bit more terse than I'd use in production code, but I thought it'd be fun to code golf it a bit:
https://codepen.io/hyrumwhite/pen/eYMyqRp
RT Jhey 🔨🐻✨
What if your "Launch" button was a little bit... "extra"? 🚀
⚠️ Audio in use!
🛠 Combo of animated CSS && SVG for this one!
👉
http://codepen.io/jh3y/pen/rNOqzbN
RT Steve Gardner
We all talk about how infinitely scrolling websites are often bad for user experience... but we never talk about how it makes the footer feel.
So I made this @CodePen to help shine a light on the footer's never-ending sorrow. 😢
https://codepen.io/ste-vg/full/PoQgvBK
The August #CodePenChallenge starts today!
This month, we'll challenge you with "interview questions" drawn from @cassidoo's weekly newsletter.
Get ready to grow your JS skills as the prompts get harder each week 💪
Thanks @storyblok for sponsoring!
https://codepen.io/challenges/2022/august/1
RT Adam Kuhn
fussin around with some SVG filter combinations & clip paths and wound up with this pixelated penrose triangle that'll prob melt your lappy
thnx for lookin
https://codepen.io/cobra_winfrey/full/GRxMbjM
https://twitter.com/cobra_winfrey/status/1553128818113744897
RT dumpsterfirepatty
✨more css single div magic ✨
🗽
https://codepen.io/pbmasigla/pen/gOeXWOO
RT Bramus
🤔 So, how do closest-side, farthest-side, closest-corner and farthest-corner affect radial gradients?
💡 You could try and read the spec, or you can build a thing to visualise it.
👀 Extra indicators added for clarity.
🔗 Try it on @CodePen:
https://codepen.io/bramus/pen/MWVOXVG
RT Hyperplexed
Recreating the hovercard effect from
Link:
Tutorial:
#codepen
https://kippo.com/chill
https://cdpn.io/zYWdYoo
https://youtu.be/6TYkDy54q4E
RT Grégoire Gaonach 🇪🇺💻
I noticed with surprise that nobody had developed an emoji selector with only Alpine.js and Tailwind CSS.
I have built a minimalist one if that helps anyone.
👉
#emoji #tailwind #alpine #opensource #webdev #buildinpublic
https://codepen.io/cerisegoutpelican/pen/PoROwPV
https://twitter.com/GregoireGaonach/status/1552607250774196226
RT Poonam Soni
CSS Background Pattern 4️⃣
Create Polka Dots Background pattern with:
🌟Only 3 lines of code
🌟No div
Demo
Like and retweet if you find this useful.
Follow for more tips 🙂
https://codepen.io/poonam-adlakha/pen/PoRJeKM
RT Lee Martin
Baby's first podcast. Thanks for having me on @CodePen Radio @ChrisCoyier. What an honor! I feel like we could have talked for hours. #ReleaseTheCoyierCut
https://open.spotify.com/episode/4kBj9hHXdeouEFp8HBTQCs?si=7edb0702f6b949a7
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
