@RT Jhey 🐻🛠
Have you seen CSS accent-color? ✨
A one-liner to theme form controls coming in Chrome 93+ and Firefox 92+ 😎
form {
accent-color: red;
}
Neat thing, combined with Houdini you could animate the theme 👀
📚
👉
https://web.dev/accent-color/
https://codepen.io/jh3y/pen/qBmeBjw
RT Johan Karlsson
I did a few Vera Molnár tributes last year. Recreating her works with JavaScript on @CodePen:
https://codepen.io/collection/DrYqWj
https://twitter.com/DonKarlssonSan/status/1428049846884261889
RT jesús 🥑
82 / #100DaysOfCode
I’m loving the latest @CodePen challenges of the week.
Check what I did this week!
🚀:
#CodePenChallenge
https://codepen.io/jesusrmz/full/yLbWMzN
RT .
pretty rad css property “line-clamp” lets you truncate text with just css.
https://codepen.io/romerocs/pen/OJmYewx
RT Gayane Gasparyan 🛸
Text Animation based on @robstenson’s work.
https://codepen.io/gayane-gasparyan/full/dyWEwMW
RT Steve Gardner
Come join @trostcodes and me tomorrow where we'll build something fun with threejs and scrollTrigger!
If you're interested in how my Airplanes @CodePen works then you should definitely watch as the process will be similar.
🐴 Frontend Horse: 📢 This Thursday on the stream @steeevg will teach us how to use @threejs and @greensock ScrollTrigger together to make some fantastic interactions!
We'll be building something fresh so join the chat to collab with us!
Follow on Twitch -
https://twitch.tv/trostcodes
RT Sophia Wood
If you feel like getting a little hypnotized, here is a small thing I made. Click to change it.
#mathart #artfulaugust #generativeart
https://codepen.io/fractalkitty/live/wvdbqJR
RT Manz 🇮🇨⚡👾
Acabo de publicar en Youtube el directo de Twitch del pasado sábado. Diseñamos un monitor CRT (de los clásicos) con CSS. Incluye ronda de preguntas del chat al principio del stream.
¡Los👍y RT nos ayudan a crecer! ¡Gracias!
👀
🔴
http://codepen.io/manz/pen/yLbrpGV
http://youtu.be/q9wRjIPo8Rw
RT Bence
Messier 57 or better known as The Ring Nebula is best observed during August. It is the remnants of a red giant which I attempt to pack into 560 bytes in this pen. #NASA
Ring Nebula 🌌 (560 bytes) #PetitePatterns on @CodePen
https://codepen.io/finnhvman/pen/abWrPBZ
RT Amit Sheen
I was inspired by @zachleat's idea for a 'side project', so I made a manual loader. 🤣
Full code @CodePen:
Zach Leatherman: free side project idea:
loading spinner but the user has to interact with it to rotate it
a fidget loading spinner
RT deren
Only CSS.
Drummer!!!!!!!
CSS Drummer🥁
https://codepen.io/deren2525/pen/zYwQVGM
RT annie.exe 🥥
Created a chalkboard food truck menu (with a lot of flexboxes) for this week's #CodePenChallenge The Typography of Summer - Food Trucks
https://codepen.io/anniedotexe/pen/jOmoMWo
RT Adam Kuhn
new week new @CodePen challenge //
today's entry a pure CSS food truck built with all the fan-shredding greatest hits like
- squigglevision SVG filter animation
- background-clip'd text
- animated background-positions & box-shadows
thnx for lookin'
https://codepen.io/cobra_winfrey/full/oNWRbBG
https://twitter.com/cobra_winfrey/status/1427640974260441092
RT Aris Acoba
Some weekend play. Here's an Akari 1A as a @CodePen shot
→
https://codepen.io/aris_acoba/full/XWRwrQy
RT Stas Melnikov
Friends, I made the cheat sheet that will help you learn all nuances of the display property on @CodePen
http://www.codepen.io/melnik909/full/LYyXreW
RT Kass 🦈
#CSSArt Single Div Pencil.
Working on making a time-lapse video on how this was made. Stay tuned.
View code here:
https://codepen.io/kassandrasanch/pen/dec6b6f2e05b171740694927f0f94226
https://twitter.com/KassandraSanch/status/1427114356932849669
RT xem 🔵
Collection of micro (1/2kb) repeating SVG patterns by @finnhvman :
Love the marble, water, grass and desert ones, they could be useful for my #js13k game 👀
https://codepen.io/collection/DRMKdB
https://twitter.com/MaximeEuziere/status/1427286995433361409
It's week three of the Typography of Summer #CodePenChallenge!
This week, let's sink our teeth into the type on food trucks 🚚
Thanks @algolia for sponsoring!
https://codepen.io/challenges/2021/august/3
RT Zach Saucier
Doodling a heading reveal effect
http://cdpn.io/ZachSaucier/full/RwVdEJO
RT Adam Kuhn
built these generative concert tickets for this week's event ticket typography @CodePen challenge w/ @lastfm API pulling from my long dormant account + splittingjs & clamp() for an assist w/ responsize font sizing
thnx for lookin'
https://codepen.io/cobra_winfrey/full/BaRbKjQ
https://twitter.com/cobra_winfrey/status/1426198350865604622
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
