@RT Una Kravets 👩🏻💻
Don't forget to link your labels to your checkboxes and radio inputs!
https://codepen.io/una/pen/LYxvbqb
RT Elissavet Triantafyllopoulou 👩🏽💻
Double challenge today! #codepenchallenge and Day 2 of #100daysofcodechallenge!
For the @CodePen challenge with the prompt to create a microinteraction that hides or reveals content, I created this pen:
Thanks to @pluralsight for being a great sponsor.
https://codepen.io/elisavetTriant/pen/ExZJxpw
RT Hai Le
Just wanted to share something I had been working on, it is a recreation of the NES game Duck Hunt but in CSS (no images!) sprites are made up of individual elements with checkbox styles used to apply branching logic
https://codepen.io/hailedev/pen/MWJLGOq
https://twitter.com/MisfitDeveloper/status/1386265890895798272
RT Louis Hoebregts
You can now find my #AppleEvent animation in a step by step demo on @CodePen 🤓
I've added some comments in the code to help you understand it 💡
https://codepen.io/Mamboleoo/pen/qBRQXPN
RT Adam Kuhn
how it started: trying to recreate a @beesandbombs animation w/ SVG
how it's going:
https://codepen.io/cobra_winfrey/full/XWpGZYb
https://twitter.com/cobra_winfrey/status/1387030162076745734
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
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
