@RT Jhey 🔨🐻✨
Responsive Snek 🐍
Had to find out! 😅
cc @chriscoyier
🛠️ ResizeObserver && @greensock
👉
http://codepen.io/jh3y/pen/poLjrWd
RT Ksenia Kondrashova
Little shader exercise following @bookofshaders Noise chapter
Hosted on @CodePen
Made with @threejs
https://codepen.io/ksenia-k/pen/QWmjgWX
RT Manz 🇮🇨⚡👾
«Power» Progress Bar (HTML / CSS)
✨CSS Custom Properties
✨CSS Animations / Transition
✨Houdini Typed CSS Custom Properties
👀
#html #css #javascript
https://codepen.io/manz/pen/GRxJgZZ
Beautiful generative patterns in @DonKarlssonSan's "Smooth Color Waves"
https://codepen.io/DonKarlssonSan/pen/YzaKvNJ
RT Ricardo Oliva Alonso
3k thanks! 3k followers at CodePen ❤️
Live @CodePen :
#html #css #javascript #cssart #3D #isometric #voxelart #animation #gamer #frontenddev
https://codepen.io/ricardoolivaalonso/full/bGvdypM
The July #CodePenChallenge starts now 🎆
This month we're going to play some games!
Let's get started with checkers & chess ♟
Thanks @sourcegraph for sponsoring!
https://codepen.io/challenges/2022/july/1
RT Darren Colson
#WeeklyWeb
Came across this on Reddit, and my first thought was easy. How hard can a Hollow triangle be?
clip-path and border?
canvas?
Solution in codepen
https://codepen.io/collection/gYRYxp
https://twitter.com/darren_colson/status/1542768484542709760
RT Matthias Ott
What I love about @CodePen is that it’s full of those seemingly small details that turn out to be super useful features when you are building a quick prototype. Like the Emmet expansion preview! 🙌😍
RT Maxime Malfilâtre
Wanna play this summer, here is a little dice game I have coded for my sons.
You can play against another human being or versus Max, the AI.
Hope you like it, gl and hf.
Here is the pen via @CodePen :
#javascript #html #CSS
https://codepen.io/maxew33/full/abqbmJR
RT Jhey 🔨🐻✨ in Scotland 🥃
Figured this lil responsive 3D CSS house from "Up" needed some animation and dark mode 🎈✨
👉
http://codepen.io/jh3y/pen/jOzNQyG
RT T. Afif @ CSS Challenges
💡 CSS Tip!
Create a cool image gallery with hexagon shapes
✅ Minimal HTML code
✅ Animation on hover
✅ Optimized with CSS variables
✅ Control the size and the gap
Demo:
#CSS
http://codepen.io/t_afif/full/XWEWoYW
https://twitter.com/ChallengesCss/status/1542107735902371846
RT Asyraf Hussin
Draw Woman Wearing Face Mask using CSS
@CodePen :
https://codepen.io/AsyrafHussin/pen/LYdPOoG
https://twitter.com/asyrafhussin4/status/1541307022297030656
RT Louis Hoebregts
Object-position is very useful if you let your clients pick a focus point on their images. By using `object-position` you can better crop the image 💡
See how the necklace is positioned when cropped 👇
https://codepen.io/Mamboleoo/pen/zYWYBRM
RT Bence
Monte Carlo approximation of Pi #CodePenChallenge
Explanation in comment 👇
https://codepen.io/finnhvman/pen/YzYPGpr
RT Jhey 🔨🐻✨ in Scotland 🥃
"Perspective" fuels "Creativity" which fuels "Innovation"
A little visualization built for my slide deck using @greensock ✨ No duplicated elements, jus' animating CSS clip-path and time itself, as you do 😅
👉
http://codepen.io/jh3y/pen/NWyZPRQ
RT Kit Jenson
Control a simple stunt plane with some fun button combos. Play with it here:
#codepen #gamedev #indiegamedev #indiedev #indiegames #game #gaming #javascript #gamedevelopment #airplane #HTML #CSS
https://codepen.io/kitjenson/full/zYNQGag
It's the final week of the June #CodePenChallenge!
Let's round it out with pi 🥧
Thanks @taradotai for sponsoring!
https://codepen.io/challenges/2022/june/4
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
