Profile avatar
jack0419.bsky.social
As I was going up the stair, I met a man who wasn't there. He wasn't there again today. I wish ... I wish He'd go away
14 posts 77 followers 328 following
Prolific Poster

too lazy? watch.

<table> highlighting with CSS :has() 💡 td:has(~ td:hover), /* previous sibling cells */ table:has(td:nth-of-type(3):hover) /* column cells */ tr:not(:first-of-type):has(~ tr:hover) td:nth-of-type(3) { background: var(--highlighted); }

CSSWG is talking about #CSS `superellipse` for SQUIRCLES (and more like notches, cutouts and bevels) try it noamr.github.io/squircle-tes... awesome work @nomster.bsky.social and Simon Fraser!

new <footer> nerdy.dev

Really interesting video - Breaking down roughly what the bill of materials for my 2025 dream phone would actually cost - 6000mah battery: $13 - 120Hz LTPO AMOLED: $35 - S24 Ultra back cams: $80 - 1TB, 16GB RAM: $90 - Snapdragon 8 Elite: $190 - Packaging: $30 Total: ~$500 youtu.be/bny2NJkJGXc?...

Starting in ~15min

New blog post: Updates to the customizable select API una.im/select-updates/

#CSS advanced attr() Unlocking new ways to integrate with CSS from your HTML nerdy.dev/advanced-attr

The nice thing with custom properties is that they inherit... except there are times when turning off inheritance with a registered custom property is super useful! I shared an example of turning it off for a layout in this video... anyone have any other use cases? www.youtube.com/watch?v=U8Ny...

#CSS linear() easing can be soft, subtle and minimal OR firm, tense and loud here's how I'm using it in a few areas of my site ❤️ so fun.

Focus By Demotion a use case for #CSS `:hover > :not(:hover)` nerdy.dev/hover-not-ho...

🛠️ New Interactive Article: Balancing Text In CSS I explored text balancing in CSS — what it is, the problems it solves, how it works, and included plenty of examples and use cases. Happy balancing! ⚖️ ishadeed.com/article/bala...

Having a coffee with many lovely friends, on and off camera, in 2024 ❤️. Happy New Year, everyone ✨✨✨. Looking forward to 2025 ☕️.

#CSS color what's the difference between adjusting lightness, adding white, and adding black? feel it out, here in this Codepen column 1: from color to 100% lightness 2: from color to white 3. from color to black 4. from color to 0% lightness codepen.io/argyleink/pe...

@wesbos.com is a Microsoft Edge guy now

Putting AI in your product? You're gonna need #CSS gradient text animations (if you want to be cool) So here, a recipe! codepen.io/argyleink/pe... ↪ nerdy.dev/animated-gra...

5 #CSS snippets every front-end developer should know in 2024 I wrote it earlier this year; should I do a 2025 edition in January? nerdy.dev/5-css-snippe...

If you missed it live, you can watch the replay. It was a ton of fun, even if I cost team Fuzzy (me and @michelleb.bsky.social) because I don't know trig 😅

⚡️Georgia's opposition appeal to EU following election of pro-Russian president. Georgian opposition urged the release of all detained politicians, activists, and demonstrators and the declaration of the regime of Bidzina Ivanishvili as illegitimate.

I keep importing the wrong thing in VS Code! Pop an autoImportFileExcludePatterns in your settings file Super helpful for Radix UI, Drizzle DB adapters, and node:test

ByteDance is all in on React—TikTok, CapCut, Mars (cursor competitor), Lark (G workspace alt) +more Fantastic ep with @scriptedalchemy.bsky.social - author of RS Pack and explains module federation and how they move quickly and share code between huge codebases. www.youtube.com/watch?v=aFhy...

Quick tip on using CSS `inherit` to fix a little bug in the Bluesky UI

One of the biggest problems with UI development is about to be solved! Customizable <select> brings allows us to create totally custom dropdowns with HTML and CSS. Accessible, gracefully degrades and requires no JS! 4.5 min video explainer + demo → www.youtube.com/watch?v=MA9W...

#CSS scroll-state() container queries: the "stuck" query ```css @container scroll-state(stuck: top) { box-shadow: var(--shadow-5); border-radius: var(--radius-3); margin: var(--size-5); } ``` article coming soon! (currently in Canary experiments)

find some here! know which side of a scroller is scrollable with CSS another part of the scroll-state() spec codepen.io/argyleink/pe...

Working on a demo for interpolate-size and decided to add bit of spice to it with a linear() - so much more fun than the regular easing stuff! The basic demo: https://codepen.io/kevinpowell/pen/ZYzbNzN Used the bounce preset from this linear() generator: https://linear-easing-generator.netlify.app

10 powerful ways to use #CSS variables a non-exhaustive list, but a good one nonetheless! nerdy.dev/custom-prop-...

Sweet #CSS advent calendar cssadventcalendar.dev

107 people were arrested today, many of them during the last siege by the criminal police and riot police. Protest resumes later today.

Tanstack Start doing doing server calls a bit different than React Server Components. You can write the client and server logic in the same file and it replaces it with fetch calls when run on the client. No "use client", no errors with client APIs in server components, etc.. watch at 0.5× 😆

Bugs in Safari make me sad, bugs in old Safari make me mad. Here is how to run any version of Safari, on Mac or Windows, for free! 👇🏻

The road next to GD office got blocked. People who are here are angry, they swear at GD members and poloce defending GD office

This is a big step! The European Parliament does not recognize the elections in Georgia. The people of Georgia always appreciate and get motivated by the support of our Western partners. Thank you, dear MEPs!

🧵🇬🇪Today, Georgians took to the streets to protest rigged elections, as the oligarch-controlled Georgian Dream party convened the “parliament” and authorized its own power.

Protesters chant "Russians", as Georgian Dream members continue to arrive in parliament under heavy police presence.

👨‍🔬 Experiment/Hack: Automatically triggered View Transitions thanks to MutationObserver Instead of adding `document.startViewTransition` at various places in your JS, this uses a MutationObserver to watch for DOM mutations. When a mutation occurs, it gets undone and then reapplied wrapped in a VT.

Main entrance of Parliament.

“Georgia defenders” Art by Tekla Meladze

Georgia’s President Salome Zurabishvili declared the first session of newly elected parliament (to be held tomorrow) unconstitutional.

Police is already guarding parliament entrances. Meanwhile cars of opposition are not let on Rustaveli. of those who arrived from regions. Opposition calls for police to let them pass.

Police guarding Rustavelinfrom First Republic square side, not letting opposition cars pass by.

Women's march is starting from Freedom Square, destination Bidzina Ivanishvili's business center.

“Say openly that you will arrest us all,” Georgian President @Zourabichvili_S said, calling the Ministry of Internal Affairs’ warning a Russia-style governance. The ministry urged citizens to “stay within the law” and threatened legal measures against protesters gathering today and tomorrow.