Check out my March Mad CSS bracket picks! 🏀 madcss.com/bracket/madj...
Jack Iakovenko
Jack Iakovenko
@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
89 followers360 following18 posts
Jack Iakovenko reposted
Last week I wrote a newsletter and then forgot to send it 🤦♂️ I only realized it because I was going to do a mailbag episode for this week's podcast, and to my surprise, there were no questions to answer! So umm, have any questions for me? 😆 docs.google.com/forms/d/e/1F...
Jack Iakovenko reposted
2025 is not going how I'd predicted, but I'm willing to flow like water through the twists and turns nerdy.dev/update-on-my...
Jack Iakovenko reposted
Jack Iakovenko reposted
What'd I miss? components know: - user stuff - device stuff - app stuff - design stuff - what stuff is in them - what stuff they're inside - etc It's amazing how much a component can know on the web, and I'm going to try and list it all out. Help me 🤓 #CSS nerdy.dev/components-c...
Jack Iakovenko reposted
"Oops… #CSS got away from me, send halp!" 🎥 video out now a 25m tik-talk just given at @cascadiajs.com ⤷ nerdy.dev/oops-css-got...
Jack Iakovenko reposted
This talk by @nerdy.dev is a wonderful presentation of why CSS is awesome and why we love it so much www.youtube.com/watch?v=QW6G... Just look at what's possible with #CSS today And the format is great for the impatient ones (myself included). Right speed, right transitions (pun intended 😉)
Jack Iakovenko reposted
I missed the slide from @miriam.codes talk where she showed this as a function (+ I haven't had a chance to play w/CSS functions before) so I gave it a go! #CSSDay codepen.io/una/pen/emNvGMy @function --rounded(--d) { result: clamp(0px, calc(100vw - var(--d) - 100%) * 9999, var(--border-radius))}
Let's improve the below with some modern stuff 😎 Demo: codepen.io/t_afif/pen/J... via @codepen.io The perfect use case to illustrate why we need all the new improvements. To make the code more readable and less hacky. cc @ishadeed.com @nerdy.dev
Jack Iakovenko reposted
CSS if() function landed today(!!!) in Chrome 137 🥳 along with another rad feature: reading-flow 🥳 So I put together a quick video showcasing both: youtu.be/Apn8ucs7AL0
Jack Iakovenko reposted
My #GoogleIO talk "What's new in web UI" is live! Learn about new native HTML & CSS APIs that make it possible to build 3 common (but complex) UI patterns: 1. Customizable select menus 2. Carousels 3. Hover cards No JS = less jank, better perf, and much better DX www.youtube.com/watch?v=VTCI...
Jack Iakovenko reposted
3 Unintuitive #CSS Layout “Solutions” ``` min-width: 0? flex-shrink: 0? repeat(auto-fill, minmax(min(10rem, 100%), 1fr)) ``` wat? nerdy.dev/3-unintuitiv...
Jack Iakovenko reposted
Challenged CSS KING @kevinpowell.co to a little CSS battle
Can you re-create SNAKE with CSS? This week @wesbos.com @tolin.ski and @w3cj.com competed against @kevinpowell.co to see who could do it in the fewest number of characters! Watch 🍿: youtube.com/watch?v=KFRH...
Jack Iakovenko reposted
[New blog post] Are CSS Carousels accessible sarasoueidan.com/blog/css-car... In this post, I share some important insights from examining the accessibility of CSS-only carousels that use new features introduced in the #CSS Overflow Module Level 5 spec. #a11y
Jack Iakovenko reposted
Jack Iakovenko reposted
<details> elements don't have to be so fugly try this one nerdy.dev/nice-details
Jack Iakovenko reposted
✍️ I shared a few thoughts about Item Flow, the new syntax that the CSS working group is discussing. In short, I'm excited. Check it out for more details: ishadeed.com/article/item...
Jack Iakovenko reposted
After 6 years of working closely alongside @nerdy.dev I am just rocked by this news. Still not ready to accept it TBH but I stand behind Adam as one of the most genuine, talented, effervescent devs I've ever worked with. If you're hiring snatch him up before I figure out a way to get him back 👀
G̶o̶o̶g̶l̶e̶r̶… ex-Googler. nerdy.dev/ex-googler
Jack Iakovenko reposted
Here's the first of many smaller projects I plan to release this year: A custom reset style sheet that comes with a website that allows you to compare it with the default user agent styles and other reset style sheets. fokus.dev/tools/uaplus/
Jack Iakovenko reposted
Time to kick the tires on the #CSS @mixin prototype in Canary ⤷ nerdy.dev/css-mixins-r...
Jack Iakovenko reposted
Jack Iakovenko reposted
in Chrome 135 - Tomorrow Mar 26, 2025 customize all the parts of a <select> with #CSS! ⤷ nerdy.dev/customize-a-...
Jack Iakovenko reposted
Jack Iakovenko reposted
Jack Iakovenko reposted
Jack Iakovenko reposted
Jack Iakovenko reposted
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!
Jack Iakovenko reposted
Jack Iakovenko reposted
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?...
Jack Iakovenko reposted
Jack Iakovenko reposted
New blog post: Updates to the customizable select API una.im/select-updates/
Jack Iakovenko reposted
#CSS advanced attr() Unlocking new ways to integrate with CSS from your HTML nerdy.dev/advanced-attr
Jack Iakovenko reposted
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...
Jack Iakovenko reposted
Jack Iakovenko reposted
Focus By Demotion a use case for #CSS `:hover > :not(:hover)` nerdy.dev/hover-not-ho...
Jack Iakovenko reposted
🛠️ 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...
Jack Iakovenko reposted
Jack Iakovenko reposted
#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...
Jack Iakovenko reposted
Jack Iakovenko reposted
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...
Jack Iakovenko reposted
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...
Jack Iakovenko reposted
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 😅
Super excited to be celebrating CSS' birthday later today along with @oddbird.dev @miriam.codes @stacykvernmo.com @5t3ph.bsky.social @henrihelvetica.bsky.social @michelleb.bsky.social Come and celebrate with us! www.youtube.com/watch?v=fYfs...
Jack Iakovenko reposted
⚡️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.
Jack Iakovenko reposted
Jack Iakovenko reposted
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...
Jack Iakovenko reposted
Jack Iakovenko reposted
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...
Jack Iakovenko reposted
Jack Iakovenko reposted
find some here! know which side of a scroller is scrollable with CSS another part of the scroll-state() spec codepen.io/argyleink/pe...
No way, that's awesome! Is there a place I can find them?