RT Colleen Lohr 🤓
Hey y'all! Finished my submission for this weeks CodePen challenge,'Skip'. I made a loader overlay with option to skip the load. 🎨
demo:
#css #JavaScript #codingisfun #WomenWhoCode
https://codepen.io/cmlohr/pen/qBqVdwm
RT andrew
Been awhile since I've been in codepen
Tailwind is just 🔥
Idea: real time sprint huddle view.
(Ideally view on larger screens)
https://codepen.io/andrewrock/full/abBVBvo
Classy, simple, free landing page templates:
Takes two seconds to copy one into a Pen:
https://uisual.com/
https://codepen.io/chriscoyier/pen/RwojMay
RT Cassidy
I wrote up a post (inspired by @shanselman) for making a virtual credits sequence in your calls!
https://dev.to/cassidoo/making-a-virtual-credits-sequence-for-your-video-calls-with-obs-and-codepen-3dco
It's the final week of the February #CodePenChallenge ✨
This week's action prompt is: skip! Skip links, skip tracks, or maybe skip some rocks
https://codepen.io/challenges/2021/february/4
RT Monica.dev
tea-driven development ☕️ this animation is brought to you by my latest bubble tea craving
CSS animation @CodePen -
@greensock (JS) CodePen -
alt: taro tea character with cheeks blushing as bubbles move around
https://codepen.io/M0nica/pen/rNWwpVR
https://codepen.io/M0nica/pen/QWGgVLQ
https://twitter.com/indigitalcolor/status/1362740969314136067
RT Bryan Robinson
Remember friends, CSS floats aren't evil if you use them for good!
Exhibit A: Match a float with shape-outside for visual flair!
https://codepen.io/brob/pen/XWNgMOm
RT Colleen Lohr 🤓
Hey y'all breaking for dinner. Finished my submission for the CodePen challenge 'Fold'. Lots of fun, and I think it's fair to say I like 3d things. 😊
Demo:
#CSS #WomenWhoCode #code #design
https://codepen.io/cmlohr/pen/abBJPdd
RT Jon Kantner
Image to LCD
https://codepen.io/jkantner/pen/JjbJWGo
RT Shunya Koide
Space Travel 🚀
👉
Wanted to make SVG & 3D animations in the same scene.
It was fun to play with GSAP👌
I used @threejs_org and @greensock(Morph/DrawSVG Plugin)✨
#gsap #threejs #codepen
https://codepen.io/shunyadezain/pen/GRNEyZW
RT Toshiya Marukubo
Design Trace | from Choco & Co, Isabel de Peque-san
Practiced Canvas, JavaScript.
It seems these are chocolate package design.
Code is here 👇
https://codepen.io/toshiya-marukubo/pen/abBwbKM
https://twitter.com/toshiyamarukubo/status/1362239340504444929
RT Jhey 🐻🛠
Pure CSS Stopwatch ⏱️
• Functional 👍
• No JavaScript ⚒️
• Uses "at-property" 😎
👉
https://codepen.io/jh3y/pen/jOVmJBL
RT Adam Kuhn
built a lil showcase of some recent @CodePen demos to share w/ my coworkers w/ some fancy splittingjs cursor effects & the always fun GSAP scrolltrigger plugin and I think I may have gotten myself like 1/36th of the way to a portfolio refresh
https://codepen.io/cobra_winfrey/full/OJRjBoj
https://twitter.com/cobra_winfrey/status/1362126839418880012
RT George Francis
New CodePen! ✨ Meet BauBuds — #generative, Bauhaus inspired characters built with SVG. These are for an upcoming project so keep a look out! 👀
https://codepen.io/georgedoescode/pen/VwmbxRy
https://twitter.com/georgedoescode/status/1362100830380453896
RT Johan Karlsson
Another Branching Strategy on @CodePen:
Now using a for loop instead of recursion, forcing it to draw all branches of the same level in one sweep.
Click to generate a new image.
Press d to download SVG file.
#creativecoding #generativeart
https://codepen.io/DonKarlssonSan/full/zYoGejE
https://twitter.com/DonKarlssonSan/status/1361806348778897411
RT Rob Stinson
Proud of this one!
Using #CSS transform: rotate(), you can place labels on a pie chart that update based on input values.
deg <> % switching took me a bit to get right, but I got there.
#100DaysOfCode Day 33
🧵 for details. 1/3
@CodePen pen ->
https://codepen.io/robstinson/pen/qBqrWJw
RT Yusuke Nakaya
The placer gold dust made of pure CSS is shining✨
CSSだけでキラキラ輝く砂金✨キラキラ〜✨✨✨
Only CSS: Placer Gold Rush
@CodePen
#css #animation #webdevelopment
https://codepen.io/YusukeNakaya/pen/dyOWmNx
RT Kristopher Van Sant
Time for another CodePen meetup! 🥳
Friday, February 26th
12:00PM PST
http://www.twitch.tv/CollabTV
https://pp.events/aazbENna
RT Simin
Drawing an Origami bird using pure CSS.
#Fold
#PureCSS #CodePenChallenge
@CodePen
Full code :
https://codepen.io/SiminR/full/MWbmVar
Build, test, and discover front-end code 👩🏽💻