@RT Jon Kantner
The latest in my Fancy Form Controls collection
https://codepen.io/collection/DOmWjz
RT JSON.girlify 👩💻
Arrancando mi porfolio con un pequeño proyectito.
#404notfound #css #html #codepen
https://codepen.io/honeybadger2788/pen/oNzKzvy
RT سیمین عوزار
Particles escape from the star from the sunspot regions on the surface, hurtling particles of #plasma, known as solar wind, into space. When they do, they can cause the dramatic displays known as the #aurora borealis.
#codepenchallenge @CodePen
https://codepen.io/SiminR/full/VwmZKMV
RT AdirCode
As a UI/ UX Designer I sometimes get to work on a #component from start to finish, this one I designed in #figma then I animated in After Effects and finally I built it in #HTML, #CSS and #javascript.
That was one hell of a day 😋
Here’s the #codepen:
https://codepen.io/Adir-SL/pen/zYKXEPK
"Dripping animation" by Zarko Rvovic
https://codepen.io/nocni_sovac/pen/LYNWXgY
📹 CodePen Radio number 300 is a video podcast!
@chriscoyier and @shshaw take a look at cool custom profiles on CodePen
Check out the embedded Pen to explore even more 🔍
https://blog.codepen.io/2021/01/27/300-exploring-custom-profiles/
RT Johan Karlsson
Genuary 25 - Make a grid of permutations:
Click to generate new random permutations!
#genuary #genuary2021 #creativecoding #generative #generativeart @CodePen
https://codepen.io/DonKarlssonSan/full/QWKXabK
https://twitter.com/DonKarlssonSan/status/1354128973282873346
RT laurent baumann
here is a little CodePen if you ever need to generate a random Bauhaus looking pattern like the one we are using for With, and you can download it as an SVG :-)
https://codepen.io/lobau/pen/ExyqJWV
RT Aaron McGuire
Finally got back into the swing of mocking up random @dribbble designs on @CodePen in my spare time 🎉
https://codepen.io/aaronmcg/full/GRjaRva
https://twitter.com/_AaronMcguire/status/1354147824120770560
RT Abubaker Saeed
It's live! Plants Shopping UIX on @CodePen
Animations are made using @greensock's FLIP, Plants vectors from @blushdesignapp, & UI inspiration from @nikestore
I can write an article about how I've done the animations if anyone is interested? CC @greensock
https://codepen.io/AbubakerSaeed/full/poEMOXd
https://twitter.com/AbubakerSaeed96/status/1354301100594245632
"My living room" by Patricia Masigla (Make sure to follow the link to the photo of her IRL living room).
https://codepen.io/pbmasigla/pen/poEmPYo
RT Chris Gannon
Interactive @LottieFiles record/stop button with intro @CodePen (with commented #javascript)
https://codepen.io/chrisgannon/pen/QWKXRpr
RT Trung Vo
A cool blur effect when hovering on a table row using purely CSS text-shadow 😆
See the code ➡️
Table is still a fundamental piece when we want to represent tabular data such as financial data, a calendar, the nutrition facts information panel, etc.
https://codepen.io/trungk18/pen/OJRepGp
RT dumpsterfirepatty
I’ve missed CSS and I love my living room setup, so I combined both and made my living room with a single DIV and pure CSS
(p.s. if anyone has tips on caring for Birds of Paradise pls halp 😭)
https://codepen.io/pbmasigla/pen/poEmPYo
It's the final week of the January #CodePenChallenge!
To wrap up the States of Matter Challenge, our host @rosieebob has us experimenting with the plasma state of matter ☀️
https://codepen.io/challenges/2021/january/4
RT Fabrizio Calderan
1/2 — Be aware of these special CSS keywords: fit-content, min-content and max-content.
https://codepen.io/fcalderan/pen/dypEPqG?editors=1000
RT Bramus!
✨ New scroll-animations demo: A (contact) list where items that come into view fly-in.
Comes in two flavors:
- JavaScript Web Animations API (WAAPI) + ScrollTimeline:
- CSS-only with @scroll-timeline:
https://codepen.io/bramus/full/ExgJPjM
https://codepen.io/bramus/full/bGwJVzg
RT Johan Karlsson
Genuary 6 Triangle Subdivision on @CodePen:
Click to generate a new pattern!
#genuary #genuary2021 #creativecoding #mathart #geometric #generative #generativeart
https://codepen.io/DonKarlssonSan/full/eYdobNK
https://twitter.com/DonKarlssonSan/status/1352677528805257217
RT ilithya
2_LiveCodingSession ✨
First stream of the yr with @iamelizasj in our Twitch Channel ☺️
I love this spontaneous pattern we came up with. It was wonderful to code & chat with some of you who were there 🖤 thanks
#shadercollab #anydayshaders
https://codepen.io/ilithya/full/MWjBBYW
https://twitter.com/ilithya_rocks/status/1352608553794732041
RT Stephanie Eckles
🟣 CSS Grid
Achieve responsive Grids in as little as 3-5 properties thanks to special functions like `repeat()`, `minmax()`, & `fr` unit.
Tutorials:
📺 Responsive Grid ~4 mins:
@CodePen w/ demo layouts:
http://moderncss.dev/topics/#grid
http://5t3ph.dev/rgs
https://codepen.io/5t3ph/pen/qBBgMdp
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
