RT masahito art
The internet is full of cats. Here's another one. The kitten follows your mouse (or your touch).
@CodePen
#javascript #kitten
https://codepen.io/Ma5a/pen/BapbQam
It's the last week of the April #CodePenChallenge!
The final prompt for the microinteractions theme is: Hide & Reveal
Thanks @pluralsight for sponsoring!
https://codepen.io/challenges/2021/april/4
RT Ryan Mulligan
Hit the lights! The switch there, on the floor, set at an isometric angle! Here's a quick one for the on/off microinteraction #CodePenChallenge on @CodePen
💡👉
https://codepen.io/hexagoncircle/full/dyNQJpp
https://twitter.com/hexagoncircle/status/1385694174570287104
RT Alfons Nilsson
Three magnets are placed in a triangle and above swings a pendulum. For every starting position, the pendulum will stop above one of the magnets and the corresponding pixel will be colored based on which magnet it stopped above
https://codepen.io/TC5550/pen/VwPqLQd
https://www.youtube.com/watch?v=C5Jkgvw-Z6E
RT Ricardo Oliva Alonso
I did it! I finished it!
3D Kitchen made with HTML, CSS and Javascript.
- Designed by: Faisalhusain
Live @CodePen:
#html #css #javascript #cssart #3D #isometric #voxelart #kitchen #animation #illustration
https://codepen.io/ricardoolivaalonso/full/LYxMWQN
RT Mustafa Enes
CSS is neumorphic nowadays @CodePen
https://codepen.io/pavlovsk/pen/oNBQGbp
RT Glen Maddern 😎
🎤 Friday afternoon Brian Eno/Volcano Choir simulator:
1️⃣ In one tab, go to
2️⃣ In another, open
3️⃣ Put your headphones on, volume up, put your mouth real close to the mic
4️⃣ Hum
https://dustyroom.com/everloop/
https://codepen.io/barefootfunk/full/ZWoLmo
RT Jhey 🐻🛠 (Exploring Opportunities ✨)
CSS Night Light ✨
This week's @CodePen x @pluralsight challenge is "On and Off".
Naturally, that calls for a bunch of light demos 💡😅
Threw this one together quickly to see how it might look.
Tap to toggle 👇
No JS 🚫
CSS Variables 💪
👉
http://codepen.io/jh3y/pen/VwPqdPr
RT Jon Kantner
Image to Cityscape
https://codepen.io/jkantner/full/ZELVWqL
RT Stephanie Eckles
Inspired by @georgedoescode on @FrontendHorse yesterday to make a Sass + HSL generative palette maker.
I think I'll use expand this idea to give us a palette for my stream tomorrow...
Here's the @CodePen:
http://twitch.tv/5t3phDev
https://codepen.io/5t3ph/pen/oNBQKNX?editors=0100
RT Jhey 🐻🛠 (Exploring Opportunities ✨)
📢 CSS Print Shop is open for business! 😅
Free printing! 😮
Input an image URL to see it printed out by the 3D CSS Printer 😁
👉
http://codepen.io/jh3y/pen/JjEegBK
RT ✨ Lawrie ✨
It's nearly over, but: Happy Earth Day! I did a quick lil animation with #GSAP showing our earth as it's seen from space: on a pink background, patrolled by a giant bee. RELEASE THE BEES! 🐝
https://codepen.io/indextwo/full/gOgZaWp
RT Sarah Drasner
🤓 I made this tribute to how much I love the useless web. It's hand-drawn but animated to be a rube goldberg machine with JavaScript, more precisely @greensock
https://codepen.io/sdras/pen/mdJRyBx
RT Bence
Spare Earth because we don't have a spare Earth! #EarthDay
Spare Earth 🌍 (525 bytes) #PetitePatterns on @CodePen
https://codepen.io/finnhvman/pen/MWJZYNW
RT Sheelah Brennan
Made a little Greensock-based spring-themed 🌷 animation on @CodePen:
https://codepen.io/sheelah/full/RwKWQob
RT Ryan Kubik 🔥🔁🌲 Wildfire Swap is on Steam!
I made a little game for this month's @eggplantshow jam!
The theme was "Keeping it Short" so I applied that to the source code #tweettweetjam style.
Apparently, I am incapable of making a game without fire propagation now...
Check it out on @CodePen:
https://codepen.io/rmkubik/pen/ExZezYw
RT Dr Abstract
On Off Components wired together are featured at
https://codepen.io/zimjs/pen/qBRJmJQ
RT Amit Sheen
Poly Ball 🏐
#pureCSS
Full code @CodePen :
https://codepen.io/amit_sheen/pen/MWJPRyd
RT Adam Kuhn
feeling inspired by @georgedoescode I did up a lil generative svg demo that performs like absolute hell
thanks for lookin
https://codepen.io/cobra_winfrey/full/xxgyLzq
https://twitter.com/cobra_winfrey/status/1384889808959459333
Build, test, and discover front-end code 👩🏽💻