Sign in

Cory LaViska

@cory.laviska.com
3.3K followers 763 following 1.2K posts

Just a guy with a laptop and a dream. Design systems, web components, open source, and boutique macOS apps. 📍 Winter Garden, FL

PostsRepliesMedia
Cory LaViska @cory.laviska.com · 2h
I use `color-mix(in srgb, red 50%, transparent)` for mixing alpha in CSS but thrilled to see the new alpha() is baseline 2026!
:root {
  /* before */
  color: color-mix(in srgb, var(--brand) 50%, transparent);
  
  /* now */
  color: alpha(from var(--brand) / 50%);
}
120
Cory LaViska @cory.laviska.com · 28/09/2026
just found the holy grail of iframe sizing in a Chrome update "Chrome 154 adds support for responsively-sized iframes, letting an <iframe> element in a parent document size itself to the embedded document…" developer.chrome.com/blog/new-in-...
developer.chrome.com
New in Chrome 154  |  Blog  |  Chrome for Developers
Responsively-sized iframes, CSS scroll-marker-group modes, and CSS text-decoration-inset.
1130
Cory LaViska @cory.laviska.com · 25/09/2026
what a time to be alive not sure if that's sarcasm or excitement though
010
Cory LaViska @cory.laviska.com · 25/09/2026
seeing a lot of emails from companies I haven't logged into or subscribed to in years suddenly appear in my inbox my hunch is that they're trying to drum up business because traffic is falling likely due to AI anyone seeing the same thing?
130
Cory LaViska @cory.laviska.com · 25/09/2026
great post by @chriscoyier.net on some new HTML stuff blog.master.dev/new-things-y...
blog.master.dev
New Things You Should Know About HTML Here in Mid 2026
You've got your permissions elements, custom element registries, a potential future for HTML includes, HTML-in-Canvas, and a bunch more.
030
Cory LaViska @cory.laviska.com · 25/09/2026
An honor, sir! Can’t wait to do it again. If you’re in the design system space, give @michaelwarren.dev a follow.
042
Cory LaViska @cory.laviska.com · 24/09/2026
"Acceptance is really misunderstood because acceptance can be misinterpreted as, 'Oh, suddenly I'm cool with all of the downsides, all of the harms, all of the risks around this technology.'" 🎯 by @bradfrost.com bradfrost.com/blog/post/gr...
bradfrost.com
Grief in the AI Age
I'm Brad Frost, an independent creator, web designer & developer, teacher, speaker, writer, musician, and artist based in Pittsburgh, PA.
152
Cory LaViska @cory.laviska.com · 23/09/2026
Looks like Interop 2027 proposals close today. Got a web platform gap that still burns (CSS, a11y, web components)? File or boost an issue before the window shuts. webkit.org/blog/18283/s...
webkit.org
Submit your ideas for Interop 2027
It’s that exciting time of year again when we start considering Interop proposals for next year!
153
Cory LaViska @cory.laviska.com · 23/09/2026
i keep discovering things I probably should have know for years, like pressing OPTION to copy a file's pathname way easier than get info > select pathname > copy
Screenshot of a desktop icon's context menu, highlighting Copy "test.html" as Pathname which shows when you press option
4261
Cory LaViska @cory.laviska.com · 22/09/2026
I don't miss Sass, I miss named breakpoints. We can almost get there with raw CSS. 🤏 www.abeautifulsite.net/posts/named-...
:root {
  --viewport: 'desktop';

  @media (max-width: 64em) {
    --viewport: 'tablet';
  }

  @media (max-width: 37.5em) {
    --viewport: 'mobile';
  }
}

@container style(--viewport: 'mobile') {
  /* Styles for the mobile bucket */
}
5706
Cory LaViska @cory.laviska.com · 22/09/2026
underrated AI tweet
062
Cory LaViska @cory.laviska.com · 22/09/2026
instead of skills to pay the bills, now we have bills to pay the skills
1100
Reposted by Cory LaViska
Joe Dakroub @dakroub.co · 16/09/2026
The `wa-tag-input` is terrific and much-needed. Thank you all for your hard work on the best component library there is!
141
Cory LaViska @cory.laviska.com · 17/09/2026
I haven't used Sass or Less for years now that CSS nesting and CSS custom properties exist. Has anyone else gone CSS-only? (yes I know preprocessors do more, but this is all I usually want from them)
15180
Cory LaViska @cory.laviska.com · 17/09/2026
wait you can swipe left/right on the address bar in iOS safari to switch tabs? TIL
220
Reposted by Cory LaViska
Web Awesome @webawesome.com · 16/09/2026
Tag, you're it! 🏷️ Web Awesome 3.13 is out. The new experimental <wa-tag-input> turns keywords, emails, and labels into tidy, removable tags. We also fixed up the data grid and promoted 11 components to stable. webawesome.com/docs/resourc...
webawesome.com
Changelog | Web Awesome
Changes to each version of the project are documented here.
273
Reposted by Cory LaViska
Zach Leatherman @zachleat.com · 16/09/2026
For reusable components: has anyone stress tested the seams around Light versus Shadow DOM? Hypothetically: 20 light DOM nodes per instance versus 1 light DOM node (with 19 shadow DOM nodes) per instance. 40 vs. 1+39? and instances? I don’t think I have a baseline intuition on the costs there.
4122
Cory LaViska @cory.laviska.com · 16/09/2026
"Send me the thinking. Not the slop." www.abeautifulsite.net/posts/id-rat...
abeautifulsite.net
I'd Rather Review Specs
AI pull requests dump sorting work on maintainers. Specs are easier to review and a lot more useful.
170
Cory LaViska @cory.laviska.com · 14/09/2026
From a maintainer's perspective, AI-generated pull requests are just piles of potential slop that we have to sort through. We have no idea if folks are one-shotting them or if they're taking the time to spec out proper solutions and mold them into usable code.
171
Cory LaViska @cory.laviska.com · 07/09/2026
“…they told me that using the download page to download something was not something they anticipated.” www.techemails.com/p/bill-gates...
techemails.com
Bill Gates tries to install Movie Maker
I am quite disappointed at how Windows Usability has been going backwards and the program management groups don't drive usability issues.
121
Cory LaViska @cory.laviska.com · 04/09/2026
"You don’t need a scientific study to realize the mean quality of human-authored software leaned towards slop even before AI was around. How many times have you been frustrated by an app or website that just didn’t work right?" www.abeautifulsite.net/posts/most-s...
abeautifulsite.net
Most Software Was Already Slop
Human-written software was already mostly slop, so AI only has to match that standard, and industries will take faster and cheaper over craft every time.
141
Reposted by Cory LaViska
Christian Denat @chdenat.bsky.social · 03/09/2026
Are you looking for a countdown ! No deps, Full WebAwesome components and themes. This morning I wanted to add a countdown, but it was hard to find one that was easy to customize with WA. No luck. So, I created my own... Github : github.com/lgs1920/coun... npm : @lgs1920/countdown
121
Cory LaViska @cory.laviska.com · 28/08/2026
I’m officially a Florida resident again.
120
Cory LaViska @cory.laviska.com · 28/08/2026
“There is nothing preventing a GUI from being fully keyboard-driven4 just like — or even better than — a TUI.” Correct. Both can and should be keyboard accessible. ckardaris.com/blog/2026/08...
ckardaris.com
GUIs should be fully keyboard-driven
GUI applications should be fully driven by the keyboard using shortcuts
0316
Cory LaViska @cory.laviska.com · 26/08/2026
"When an LLM [is] handed `bg-gray-100` it chose a value off a shelf with hundreds of plausible neighbours, and it needs taste to choose well. When an LLM [is] handed `background-card` it chose a decision off a list of decisions we've already made." polar.sh/blog/orbit-l...
polar.sh
Building an LLM safe design system
Our quest to build a scalable, LLM-safe design system
080
Cory LaViska @cory.laviska.com · 25/08/2026
“The people who look at em dash and think ‘this must be AI’, are people that do not read much.” Long live the [human-authored] em dash! blog.torh.net/2026/08/24/e...
blog.torh.net
Em Dash Is Fine - It Is AI That Sucks - From thoughts to text
Here is a dialog from the movie Office Space — and just to be clear; Michael Bolton in the movie are talking about Michael Bolton the singer. And this made me think about AI — and em dashes. I have be...
081
Cory LaViska @cory.laviska.com · 21/08/2026
"When such a script is on the page, the browser would load the custom element from the module, wait until it fully resolves and registers, and then paint. That means zero FOUCE out of the box…" What if? 🤔 www.abeautifulsite.net/posts/fouce-...
<script type="element" src="my-button.js"></script>
460
Cory LaViska @cory.laviska.com · 19/08/2026
Target Multiple Classes with the Class Prefix Selector: .btn-* { … } Yes please! (Coming soon) Great post by @bram.us: www.bram.us/2026/08/20/t...
bram.us
The Future of CSS: Target Multiple Classes with the Class Prefix Selector
To target multiple classes that share the same prefix, you'd typically have to resort to brittle attribute selectors or add extra base classes to your markup. To make things easier, CSS is getting a n...
1195
Cory LaViska @cory.laviska.com · 18/08/2026
Claude being unavailable should be a clear message that, if we're going to rely on these tools, they should live in our toolbox and not somebody else's.
010
Reposted by Cory LaViska
Cory LaViska @cory.laviska.com · 12/08/2026
This might be obvious to some, but the & in CSS nesting doesn't have to come first. 🤯 Put it after another selector and the relationship flips. You're styling the element based on what surrounds it, not what's inside it.
```css
.card {
  background: white;
  color: black;

  /* When the card is inside a dark container */
  .dark & {
    background: #1c1e21;
    color: white;
  }
}
```

That compiles to the equivalent of this.

```css
.card {
  background: white;
  color: black;
}

.dark .card {
  background: #1c1e21;
  color: white;
}
```
5273
Cory LaViska @cory.laviska.com · 12/08/2026
This might be obvious to some, but the & in CSS nesting doesn't have to come first. 🤯 Put it after another selector and the relationship flips. You're styling the element based on what surrounds it, not what's inside it.
```css
.card {
  background: white;
  color: black;

  /* When the card is inside a dark container */
  .dark & {
    background: #1c1e21;
    color: white;
  }
}
```

That compiles to the equivalent of this.

```css
.card {
  background: white;
  color: black;
}

.dark .card {
  background: #1c1e21;
  color: white;
}
```
5273
Reposted by Cory LaViska
Font Awesome @fontawesome.com · 11/08/2026
New episode: we chased down the actual origin story of the Mac's spinning rainbow "beach ball of death." A $10,000 flopped computer. Steve Jobs in exile. A forgotten disc format. It's all in there. Watch -> youtu.be/MothoHNhc7E?si=6GAlU... Listen -> www.buzzsprout.com/2092855/ep...
241
Reposted by Cory LaViska
Andy Bell @bell.bz · 11/08/2026
I tell ya, nothing feels more bleeding-edge than web components when you're writing JavaScript
5312
Cory LaViska @cory.laviska.com · 08/08/2026
"Is there any real benefit to having your Mac app on the App Store? Is the Apple tax worth it? Will customers just come flooding in?" I ran an experiment to answer those questions.
abeautifulsite.net
I'm pulling ColorCopy from the macOS App Store
Three months after launch, an experiment in App Store discoverability comes to an end.
140
Cory LaViska @cory.laviska.com · 06/08/2026
TanStack Table is a solid foundation for building data grids. Excellent work, @tanstack.com friends!
000
Cory LaViska @cory.laviska.com · 26/07/2026
👀
041
Cory LaViska @cory.laviska.com · 13/07/2026
“We don’t stop flying planes because crashes happen. We do a post-mortem and figure out how we can prevent the same accident from happening again. And crucially, the point of a post-mortem is to find the root cause — not to ground the entire fleet.” lea.verou.me/blog/2026/po...
lea.verou.me
In defense of polyfills • Lea Verou
A highly influential spec editor expressed the opinion that polyfilling is harmful. I beg to differ.
082
Cory LaViska @cory.laviska.com · 05/07/2026
Not accepting pull requests isn't common in open source, but I think it will become more common for this very reason.
As a deviation from standard open-source practice, I'm doing an experiment where I don't take pull requests for Wordgard. I've realized that I find those the worst part of maintenance work. Reviewing a big change and negotiating all the adjustments needed to make it fit my expectations is generally more work than implementing the change myself. And now that the cost of generating code has gone down dramatically, the arrangement where people can dump code on me and I'm expected to review and maintain it (or argue why I don't want to, which is also work) has become even less attractive.
4150
Cory LaViska @cory.laviska.com · 03/07/2026
“We stopped playing cat and mouse and became partners. Students opened up about their AI use and began to ask questions. After some debate, we drew a line separating mechanical churning from actual thinking.”
science.org
Instead of banning AI, I made a classroom contract with my students
“I used AI daily—how could I expect my students to avoid it entirely?” this computer scientist writes
081
Reposted by Cory LaViska
Cory LaViska @cory.laviska.com · 30/06/2026
“The frontier of 2026, the stuff the sharpest people are most excited about, is render the HTML on the server, ship almost no JavaScript, and use the web platform instead of fighting it.” davidpoblador.com/deep-dives/t...
davidpoblador.com
The Descent — What Happened to the Frontend While You Weren't Watching
The last time you wrote a frontend it was a <button> and an FTP upload. Spare twenty minutes and get up to speed on everything the web did while you looked away. By David Poblador i Garcia.
94911
Reposted by Cory LaViska
Dave Rupert @davatron5000.bsky.social · 29/06/2026
🚀 Last week my team released FASTElement v3. Tons to say but one small bit I want to highlight is: it's smaller! A before/after for a basic FASTElement (with common features like `attr`, `html`, `css`)... v2.10.5 → 63.6 kB (19.3 kB gzip) v3.0.0 → 45.5 kB (13.9 kB gzip) bundlejs.com?q=%40microso...
bundlejs.com
bundlejs - Online bundler + npm package size checker
A quick and easy way to bundle, minify, and compress (gzip and brotli) your ts, js, jsx and npm projects all online, with the bundle file size.
1264
Cory LaViska @cory.laviska.com · 30/06/2026
“The frontier of 2026, the stuff the sharpest people are most excited about, is render the HTML on the server, ship almost no JavaScript, and use the web platform instead of fighting it.” davidpoblador.com/deep-dives/t...
davidpoblador.com
The Descent — What Happened to the Frontend While You Weren't Watching
The last time you wrote a frontend it was a <button> and an FTP upload. Spare twenty minutes and get up to speed on everything the web did while you looked away. By David Poblador i Garcia.
94911
Cory LaViska @cory.laviska.com · 25/06/2026
when they reply with an em dash
Scooby-Doo meme unmasking the villain: Claude
250
Cory LaViska @cory.laviska.com · 25/06/2026
👀
020
Cory LaViska @cory.laviska.com · 25/06/2026
I made the dictation app *I* wanted. My daughter did the video voice over. tonguetype.app It hasn't got much attention because dictation has been pretty bad historically, but I don't think most people realize how good local models are now. Low downloads, but the app has a great conversion rate.
A black Tula Mic shown in front of a mechanical pencil.
451
Cory LaViska @cory.laviska.com · 19/06/2026
“I will use AI as an assistant to do what I would have done anyway, but more efficiently. I will not let AI replace my intelligence, but I will use it to turn my intelligence into code faster.” www.abeautifulsite.net/posts/my-sta...
abeautifulsite.net
My Stance on AI in Software Development
AI is a capable assistant that helps us move faster, but every project remains driven by human ideas, architecture, verification, and review.
3131
Cory LaViska @cory.laviska.com · 12/06/2026
Math has a provable answer. Code either works or it doesn’t. No matter how smart AI gets, there’s never a guaranteed solution. AI is a black box where you pray something useful comes out but, the more you tell it, the more it inevitably gets wrong. 😩
010
Cory LaViska @cory.laviska.com · 12/06/2026
This was no small feat. 👏 Special thanks to the legendary @konnorrogers.com for this Herculean effort!
1203
Cory LaViska @cory.laviska.com · 30/05/2026
“You know what a dickover is, even if you didn’t know what to call it (until now). If you use the Internet, you encounter them every day.” daringfireball.net/2026/05/what...
daringfireball.net
What Is a Dickover?
dickover — a modal panel, popover, or curtain presented by a website or app, deliberately obscuring its own content to frustrate the user with an unwanted, unnecessary, mandatory interaction; e.g. ask...
0104
Reposted by Cory LaViska
Cory LaViska @cory.laviska.com · 29/05/2026
Dictation isn't a new idea, but many people don't use it because of poor experiences they've had in the past. In the age of AI, dictation is an incredible way to interact with your machine! I realized I could prompt faster by talking than by typing, so I researched options...
screenshot of the TongueType UI showing a rainbow waveform and recording indicator
241