Discussions

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

/r/horizon

@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

New title unlocked as an industry design person about to enter my 40s: Designosaur — Ben Cline (@yocline) Feb 1, 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

/r/science

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

@natessilva https://t.co/Vyfplb2xF2 — Kent C. Dodds 🌌 (@kentcdodds) 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

site measure day https://t.co/C1Gfl74JaY — 「樂」 (@_Rakuji) Jan 26, 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

/r/horizon

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

/r/Wales

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

@mattpocockuk For the copypasters: ``` type PrettifyT = { [K in keyof T]: T[K] } & {} ``` — Rodrigo Pombo (@pomber) Feb 8, 2023

Table View transition https://t.co/9kt5aNAX9F — Gavin Nelson (@Gavmn) Jan 23, 2024

/r/horizon