@RT chris.chris.chris.chris
Curious about @Cloudflare Workers? Here @shshaw and I show off how they work and then 3 big things @CodePen uses them for.
• KV store makes them especially powerful
• When returning an image, you can optimize it
• HTMLRewriter & "Content Stiching"
https://www.youtube.com/watch?v=NGk2HxV0Xkg
RT Amit Sheen
FlipBoxes ☑️
Pure #CSS 3D checkbox
Full code @CodePen:
https://codepen.io/amit_sheen/pen/YzQoMxR
RT Aniket Kudale 👨🏻💻
Peek-a-Boo Dropdown
#CSS #CodePen #CodePenChallenge #100DaysOfCode
https://codepen.io/aniketkudale/pen/abwgQZv
RT Diana Perkins
I tried my hand at the @CodePen dreadful drop downs challenge this week!
It was fun thinking about bad UX 👻
#codepen #codepenchallenge
https://codepen.io/dianana/pen/mdwZyOY
https://twitter.com/Diana_Perkins/status/1445468900351623169
RT Jon Kantner
Gradient Stroke and Bounce 🏀
https://codepen.io/jkantner/pen/abwgLNX
RT Bence
Naming this one "Fallen Leaves" would've felt like a lie 😶
Autumn Jumble 🍂 (309 bytes) #PetitePatterns on @CodePen
https://codepen.io/finnhvman/pen/ZEydRZP
RT Antoine Wodniack
Umbrella, ella, ella, eh, eh ☂️
👉
https://codepen.io/wodniack/full/GREWWvo
RT Sophia Wood
ok - so super simple for curve today, but this is all I had in me after a long meeting. #mathober
I'm loving the beauty, humor and responses I am seeing to mathober - so much fun!
https://codepen.io/fractalkitty/live/oNwrLyo
RT Adam Argyle
#CSS trick - Bouncy Overscroll 🪄
Flank a scroll snapping layout with unsnappables 🤓
result:
as users scroll to an edge, it'll snap back to the nearest snappable with built-in inertia / timing
🕹 try it
https://codepen.io/argyleink/full/oNwmrXM
RT Lynn Fisher
Then put your little hand in mine. There ain’t no hill or mountain we can’t climb.
#divtober 04: Loop
♾️
@CodePen:
https://a.singlediv.com/
https://codepen.io/lynnandtonic/pen/dyRBYov
RT ycw
96. school of whales 🐋🐋🐋🐋🐋 @CodePen #threejs
https://codepen.io/ycw/full/gORNzBO
RT Yoav Kadosh
A 3D Switch UI concept made in pure #CSS.
Based on a design by Voicu Apostol.
See the full code on @CodePen
https://codepen.io/ykadosh/pen/jOwjmJe
RT Zoë | z-
Dropdown slots, nothing more ergonomic than a 1 in 729 chance the option you want will be selected.
Made for #CodePenChallenge "Dreadful Dropdowns" where the intention is for bad UX dropdown.
https://cdpn.io/e/ZEydQPx
RT Braydon Coyer
Have you ever used generators in JavaScript? 🧐
I made a pen over at @CodePen showing you a basic example. 🙌
Check it out below!
➡️
https://codepen.io/braydoncoyer/pen/vYOOobg
RT Ale 🕷✨
Made this with CSS 🐶 (no, but really):
CodePen:
D15 #100DaysOfCode
https://codepen.io/pokecoder/pen/vYZwWja
The October #CodePenChallenge starts now!
This month is all about Scary UX 👻
It's time to make like Doctor Frankenstein and bring your worst ideas to life!
Let's kick it off with some Dreadful Dropdowns
Thanks @useShortcut for sponsoring!
https://codepen.io/challenges/2021/october/1
RT Toshiya Marukubo
#3 Lines
This is not fragment shader. I wanted to do like using fragment shader by line and vertex shader.
Link👇
https://codepen.io/toshiya-marukubo/pen/QWgYaZZ
https://twitter.com/toshiyamarukubo/status/1443503671229120515
RT 🐴 Frontend Horse
Another CSS art masterpiece from @ivorjetski !
100% CSS, original artwork, PLUS a parallax effect on hover and a color customization feature. Just incredible! 😍
@CodePen here:
(Desktop Chrome might be best)
https://codepen.io/ivorjetski/pen/ZEyyzXm
https://twitter.com/FrontendHorse/status/1443222598763139073
RT Brandon McConnell
I know I held out on y'all, but the first PUBLIC release of console.draw() is now LIVE 🥳🎉
If you know some HTML, CSS, and JavaScript and want to create a unique experience for visitors to your website's console, you can create your own on @CodePen:
https://cdpn.io/WNOeYLp
https://twitter.com/branmcconnell/status/1436383253099864070
RT Jhey 🐻🛠
Kody moves! 🐨
Playing with CSS powered parallax for @kentcdodds' new website 😍
Each parallax item is a configurable @react component with inline CSS properties that respond to cursor movement 🤓
⚒️ @reactjs && @greensock
👉
http://codepen.io/jh3y/pen/GRELWqJ
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
