Fun responsive CSS && SVG loader ๐ค
Requested by @2MalH ๐
Using a lil goo from earlier ๐ซ https://t.co/6YPsMRwyQC https://t.co/pmAVb2cx12
โ jhey โฒ๐ป๐ (@jh3yy)
Feb 6, 2024
CSS Trick ๐ซ
You can create gooey effects with filter using CSS or SVG if you want color ๐จ
.blobs { filter: blur(20px) contrast(30); }
.blobs { filter: url(#โgoo); }
The trick is to blur the thing, then cut the blur off with contrast. You can make some cool effects with it โจโฆ https://t.co/UwbyvEwnuQ https://t.co/iNUtf4oZ3O https://t.co/QLAN1UhqMx
โ jhey โฒ๐ป๐ (@jh3yy)
Feb 5, 2024
@cramforce Malte, what are you talking about?
It's only a matter of provisioning a couple of VMs, setting up a Kubernetes cluster for auto-scaling, ensuring high availability across multiple AZs, configuring a CDN for global reach, implementing DDoS protection, SSL certificates for secureโฆ https://t.co/bQD1dGAjWi
โ L422Y (@l422y)
Feb 2, 2024
There's so many things I learnt from being in drum & bass music 2003-2013
One thing is that there's an absolutely massive amount of nostalgia in any scene you enter
When I entered the drum & bass scene, (first because I loved the music, and then later as a producer and DJ), youโฆ https://t.co/nGUWn4QqjF
โ @levelsio (@levelsio)
Jan 31, 2024
Sick of remembering JS array.splice vs. slice and worrying about mutation?
Check out arr.with() ๐ Updates item at an index and returns a new copy. Works in all major browsers! https://t.co/3cNwhiLO5J
โ Ben Holmes (@BHolmesDev)
Jan 28, 2024
If you think react is complicated now, go back to 2015 when you had to configure babel and webpack yourself, you had to do SSR and routing yourself, you had to decide between flow and typescript, you had to learn flux and immutable.js, and you had to choose 1 of 100 boilerplates
โ Ricky (@rickhanlonii)
Jan 28, 2024
@adamwathan Above! ๐
Related functions below is like someone telling you a story, but you don't have a clue who the characters are, so you have to interrupt them, then continue the story, then interrupt them again, and repeat ๐
IMO above gives you context first, then the main story! ๐
โ Ash Connolly ๐ (@_AshConnolly)
Jan 28, 2024
Can you design the world's most powerful stove and secretly add 1.4 terawatt hours of battery power to the grid?
Founder @sdamico thinks so.
Episode 27 of Sยณ featuring @ImpulseLabs_ https://t.co/WmLXlXhaFE https://t.co/c0eRq3FEog
โ Jason Carman (@jasonjoyride)
Jan 27, 2024
Damn Lemon Squeezy checkout is good
They either use Stripe or made it look exactly like Stripe but it has the whole content section on the left that must convert really well
Right now Stripe barely lets you add anything but some product name on the left side of their Checkout https://t.co/HwJwijJt9m
โ @levelsio (@levelsio)
Jan 27, 2024
CSS Trick ๐ค
You can create these tab bar controls by using :has() to count the number of tabs โญ๏ธ
.tabs:has(input:nth-of-type(3)){--count: 3;}
.tabs:has(:checked:nth-of-type(3)){--active: 200%;}
.tabs::after{ translate:var(--active) 0;}
Let's break it down in this noscript!โฆ https://t.co/mD9CbvKd6W https://t.co/PqMUkQln6l https://t.co/Nls5wq6jlt
โ jhey โฒ๐ป๐ (@jh3yy)
Jan 25, 2024
What helps me grow is being realistic about what I can and can't do.
I think of myself as a mediocre designer. I know there is so much out there to learn and there are so many insanely talented folks that I look up to.
Ego is your enemy.
โ Ilya Miskov (@ilyamiskov)
Jan 24, 2024
โจNew CSS Feature
Here's a demo of the CSS field-sizing property applied on a textarea I blogged about yesterday.
textarea {
field-sizing: content;
}
The textarea grows as you add content.
This is currently in developer trial behind a flag in Chromium. https://t.co/WNBD44A9hU
โ Stephanie ๐ฎ Web Witch (@seaotta)
Jan 24, 2024
Anyone interested in this Figma file with all the free fonts I've been sharing?
Since I created all the graphics there anyway.
You can see all of my layouts and all the font examples in 1 place + a link to all the great font designers/ foundries featured.
Just hit a like orโฆ https://t.co/6FmvegeYOs https://t.co/tlMpJ751JD
โ Nguyen Le (@newincreative)
Jan 24, 2024
Implemented this credits system with @supabase x @lmsqueezy ๐
A credit order fires a webhook that updates the database and also sets everything client side with @nextjs cookies + server actions ๐ช
Here it is end to end! ๐ No sign-in, etc. required โญ๏ธ https://t.co/BaxvNCsp0M
โ jhey โฒ๐ป๐ (@jh3yy)
Jan 24, 2024