@RT Khanh Tran #100Devs ⚡🇺🇦
In memoriam of Technoblade, one of the best Minecraft players ever, I created a sprinting Technoblade avatar with CSS. #riptechnoblade 🐷⚔️
Link to CodePen:
https://codepen.io/khanhtranngoccva/pen/oNqjmRW
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 Stas Melnikov
Let's learn all tips about the position property to avoid common mistakes on @CodePen #codepen
https://codepen.io/melnik909/full/poaZxmV
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
RT Sophia Wood
Checkered Anomaly in Zimjs
#codepen #codepenchallenge #zimjs
https://codepen.io/fractalkitty/full/JjLYMeQ
RT Chris Coyier
I got to chat with @KevinJPowell over on @CodePen Radio:
AND @jay_hoffmann over on @ShopTalkShow
I can tell ya, the smart people you get to talk to by virtue of having a podcast is the best part.
https://blog.codepen.io/2022/07/01/374-kevin-powell/
https://shoptalkshow.com/522/
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 Alistair Shepherd
Working on a project at the moment where I'm trying to avoid using a carousel library. It's amazing how far you can get with modern CSS and a little JS!
I put together a wee example with @Alpine_JS, it's surprisingly simple and effective!
https://codepen.io/accudio/pen/mdxyqKd
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
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
