iiinova — where your digital self keeps evolving

khanglol @khanglol.bsky.social · 04/09/2026

Apple Numbers is so close to being usable. But not having some sort of Power Query equivalent is really annoying, makes me have to do more steps than I would want to update/add data

110

khanglol @khanglol.bsky.social · 03/09/2026

These broken ads on MacRumors making me think my screen has dead pixels🙄

000

khanglol @khanglol.bsky.social · 02/09/2026

Fable 5.1 with Design Skill created the first AI designed website that I have nothing too bad to say about! Though, the copywriting is a bit cringe/wrong at a few parts. And I do not like the other 4 designs it made (some of which have good but poorly-executed ideas) www.whichai.dev/with-design-...

whichai.dev

Which AI Made This?

Compare AI-generated UIs from the same prompt across models, with and without a frontend design skill.

200

khanglol @khanglol.bsky.social · 27/08/2026

TIL opening a PDF file in Google Drive consumes 1 GB of ram

Process Name: https://drive.google.com
Memory Usage: 1,022.4 MB

000

khanglol @khanglol.bsky.social · 12/08/2026

I'm forced to use Facebook by my friends in Vietnam, but man is the clientside actual dogwater (at least for the website). Random frame drops, broken scrolling, broken UI states, textareas rejecting Vietnamese text for no reason??? What is going on at Meta Platforms

000

khanglol @khanglol.bsky.social · 12/08/2026

Apparently, <details> and multicolumn layout do not mix well in Firefox. It took me a bit to figure out why one element was mysteriously growing in size every repaint🤒 #CSS #WebDev

010

khanglol @khanglol.bsky.social · 09/08/2026

#OrionBrowser advertises itself as faster or just as fast as Safari. I tested it and its scrolling seems much jankier? I don't know what changes they made; I don't like it I also tried #WaterFox, and it seems to be running an old version of Firefox that doesn't support color-mix(); uninstalled, sry

000

khanglol @khanglol.bsky.social · 09/08/2026

Too lazy to update the copyright information in their emails I guess

OpenAI copyright 2015-2025 (this year is 2026)

100

khanglol @khanglol.bsky.social · 08/08/2026

#CSS #WebDev `column-width: var(--width);` and `column-count: var(--count);` replicate: display: grid-lanes; grid-template-columns: repeat(var(--count), minmax(min(100%, var(--width)), 1fr)) Except sane syntax & `column-count` acts like a "max count", which is not possible in regular grid at all🤔

100

khanglol @khanglol.bsky.social · 07/08/2026

It is me or does doing design/code for long stretches time give you brainrot? No, really. Compared a few months ago when I consistently consumed a crapton of technical math videos, my brain feels very different (foggy?). It's like I lost my ability to concentrate properly on a problem

100

khanglol @khanglol.bsky.social · 07/08/2026

I wish `run-in` was a real display-outside value, because it would be helpful for components that have arbitrary children: <article> {#if has_summary} <span style="display: run-in flex;"><Icon />Summary: </span> {/if} {@render children()} </article> Probably the only use case it has #CSS #WebDev

000

khanglol @khanglol.bsky.social · 07/08/2026

The browser-provided sans-serif font is ever so slightly off-center in Gecko/Firefox, but I want to use it for performance reasons ughhhhhh. The text-box there includes the descender, but in Chrome & Safari it is trimmed to the alphabet🤒 #CSS #Frontend #WebDev

100

khanglol @khanglol.bsky.social · 07/08/2026

This textarea in Claude's settings menu causes the entire page to repaint two times every few seconds🤒 #CSS #WebDev #Frontend I guess CSS is harder than PhD-level math problems...

000

khanglol @khanglol.bsky.social · 07/08/2026

Does anyone know why in Chrome a giant, solid color internal layer with the highest z-index (but painted close last) covering the entire page appears? It accounts for like half of the compositor's resources🤒 It's the only thing I don't understand being promoted #CSS #WebDev #FrontEnd

100

Reposted by khanglol

khanglol @khanglol.bsky.social · 06/08/2026

Wait, this is so interesting thanks to <button> being a form control. Some behavior only possible with :has(:has()) may be possible using this... wow! <object> & <fieldset> don't seem to work with this even though it is a "labelable" form control according to MDN

231

khanglol @khanglol.bsky.social · 06/08/2026

Grid-lanes is incredibly useful. I keep noticing ways to use it know that I know it exists I thought it would be niche, but damn is it good for everything. It is like superpowered flow layout grid + grid-template-areas + grid-lanes + subgrid blows!! Just waiting for good enough support #CSS

210

Reposted by khanglol

Jake Archibald @jakearchibald.com · 15/06/2026

I have a vague worry that, as we put more and more computation into CSS, web devs are going to end up with performance issues that are difficult to trace to their source compared to JS solutions. The answer is to surface this in DevTools I guess.

2021510

khanglol @khanglol.bsky.social · 06/08/2026

Trying to reduce resources used by the Compositor is so annoying sometimes. The explanation given for promotion are too vague or there is no explanation at all🤒 What I learned: absolute positioning is evil; manage layout containment carefully; backdrop-filter is the worst #WebDev #CSS

010

khanglol @khanglol.bsky.social · 06/08/2026

#Frontend #WebDev Webkit is not faster than Blink at all. Quite the opposite I experience 2x-3x better day-to-day performance on an M1 Air on Helium vs Safari. And, despite what people may think, it doesn't even incur that much more memory footprint!

130

khanglol @khanglol.bsky.social · 05/08/2026

A while back, I tried to make my own text-highlighting function that works on real and complex DOM elements. I wanted Claude to make it for me, but the code literally didn't work at all, so I ended up manually coding & learning the Selection API and TreeWalker😵‍💫Half-works with browser inconsistencies

110

khanglol @khanglol.bsky.social · 05/08/2026

Write #CSS so modern the IDE thinks you made a grammar mistake

010

khanglol @khanglol.bsky.social · 05/08/2026

On #Svelte, I wish there was a way to scope styles to a {#snippet} itself. Of course, once something gets large enough, it's time to split stuff into multiple files. But there exists an awkward middle ground where it would be nice if the styles were closer to snippet markup

200

khanglol @khanglol.bsky.social · 03/08/2026

I should probably make my own personal site and have a blog there. I have a lot of weird #CSS opinions but I don't think anyone would read it, so it may end up being another design exercise. Currently occupied with one passion project right now, so after I finish it I'll make my site, woo #WebDev

000

khanglol @khanglol.bsky.social · 03/08/2026

Today I learned, that if a url ends with ".mov", the first item that appears in Safari's right-click menu is "Open with Quicktime Player". I totally didn't just open someone's profile with Quicktime...😓

000

khanglol @khanglol.bsky.social · 03/08/2026

God damn, I should have a screenreader read my texts, because why do I make so many grammar mistakes😓

100

khanglol @khanglol.bsky.social · 03/08/2026

I design stuff by manually coding it and iterating on what I imagine in head and what I like in progress. I love grid-template-areas a lot, because it makes implementation super easy. Grid is amazing for layout! I only use Flexbox for flex-wrap lol (which can do layout for multi-sized items) #CSS

100

khanglol @khanglol.bsky.social · 03/08/2026

The way #CSS work in native #Svelte sucks. Can't style children components in parent!!! I use Svelte, because rawdogging HTML, CSS, and JS was a mistake; I ended up reinventing JSX, reactivity, et al... Now, I know regular CSS is quite limiting too. The next projects I will try PandaCSS

200

khanglol @khanglol.bsky.social · 03/08/2026

It seems the country from my IP Address is blocked from accessing CodePens entirely. I need Browserling or a VPN to access the site, which is somewhat annoying. #CSS #WebDev Are there really no other CodePen-like alternatives people can use??

110

khanglol @khanglol.bsky.social · 01/08/2026

Are there more optimization methods to reduce resources used by the compositor thread? I know I can change z-indexes to shave off mbs used from unnecessary promotions, or replace some <span>s with pseudo-elements to reduce the weight of promotions #CSS #WebDev

010

khanglol @khanglol.bsky.social · 27/07/2026

This seems like a Webkit bug, isn't it? Zooming in and out via the browser does not reevaluate `@container` size queries for `px` unit. Very weird behavior #CSS #WebDev #Frontend

120

khanglol @khanglol.bsky.social · 24/07/2026

Been thinking about this absurd way to do #CSS lately that may be possible in the near future thanks to github.com/w3c/csswg-dr... Solves specificity by making by not using specificity at all! #FrontEnd #WebDev

New method of writing CSS using @container, @macro, and @mixin. Solves specificity by making by not using specificity at all!

010

khanglol @khanglol.bsky.social · 24/07/2026

Still waiting for logical keywords in background-position, gradients/imgs, transform-origin, box-shadows, <transform-function>s, <basic-shape>s, and <filter-function>s🤒 #CSS #WebDev #Frontend

020

khanglol @khanglol.bsky.social · 22/07/2026

what if got rid of #HTML and #CSS, and replaced it with this `.web` format #Frontend #WebDev

/* index.web */

@import { --Title, --Paragraph } from "index.module";

--color: green;

@create <head> {
@create --Title("title");
@create <script> | @attr src "index.js";
}

@create <body> {
@create #1 --Paragraph(var(--color));
@create #2 --Paragraph(var(--color));
}

/* index.module.web */ @module;

@mixin private --test(--color type(color))
{
color: oklch(from var(--color) l calc(c * 1.5) h);

@node <b> --BLoop
| @attr class "Bold"
| @attr title "This is quite strange"
{
color: oklch(from var(--color) l calc(c * 0.25 * sibling-index()) h);

&:hover {
text-shadow: 0 0 1em black;
}

&:nth-child(odd) {
@create <span>odd</span>;
}

/* alt */
@node <span> --Even { @create "even" }
@create --Even | @select &:is(.Bold:nth-child(even) &)
}

@create --BLoop | @select :nth-child(-n + 3);
/* alt */
@create #1 --BLoop;
@create #2 --BLoop;
@create #3 --BLoop;
}

@node <p> --Paragraph(--color type(color)) {
@apply --test(var(--color));
}

@node <title> --Title(--content type(string)) {
@create var(--content) " | MySite";
}

010

khanglol @khanglol.bsky.social · 17/07/2026

Why did they add this to Google Fonts? How are these AI images helpful? These examples barely make sense #Google #Fonts #CSS #WebDev

Google Fonts in Desktop view: 6 cards with AI-generated images attempting (and poorly so) showcasing a way font could be used

020

khanglol @khanglol.bsky.social · 17/07/2026

Disappointed with #CSS anchor-positioning considering `@position-try` has a restrictive set of property descriptors. I wanted to make a pop-in effect change its `transform-origin` based on which `position-area` it was in, but unfortunately not possible + `anchor()` is not valid in `transform-origin`

100

khanglol @khanglol.bsky.social · 10/07/2026

i love how in Safari, `ex` and `ch` gently grow/shrink in absolute size the more your browser zooms. This makes layout and elements ever so slightly misaligned, stretches paragraphs at a length it shouldn't. And, ultimately trashes your entire #CSS, forcing you to rewrite everything using `em`❤️

000

khanglol @khanglol.bsky.social · 09/06/2026

Dear God, how in the world will Safari 27's describe-an-extension-and-itll-be-created even work. It has to be really limited, like cant-modify-pages limited or it'll 100% fail to deal with the nonsense DOM rendering and #CSS hell webpages tend to have. All they showed is that it adds to the toolbar😬

000

khanglol @khanglol.bsky.social · 03/06/2026

Reading blog posts made by real humans >>>> AI slop content I just learnt so much from reading these two :D #CSS #WebDev #Frontend jakearchibald.com www.matuzo.at/blog

020

khanglol @khanglol.bsky.social · 25/05/2026

Has anyone tried replacing all `@media` size queries with a `@container` query equivalent? I did two small experiments and personally it isn't that hard to deal with the side effects these days. `@container` is much more pleasant and easier to reason about than `@media` tbh #CSS #WebDev #Frontend

040

khanglol @khanglol.bsky.social · 21/05/2026

I got 360 points on this year’s #StateOfCSS survey! I have used 27 features, and knew the 18 rest that I haven't been able to use because of S*fari or F*refox. Can you beat me? survey.devographics.com/survey/state... #CSS #WebDev

survey.devographics.com

State of CSS 2026

Take the State of CSS survey

010

khanglol @khanglol.bsky.social · 19/04/2026

HOW DO INCONSISTENCIES LIKE THIS STILL EXIST IN BROWSERS #CSS #WebDev #Frontend

Chrome examples with border, outline, and box-shadow, with and without box-decoration-break: clone;

Firefox examples with border, outline, and box-shadow, with and without box-decoration-break: clone;

Webkit examples with border, outline, and box-shadow, with and without box-decoration-break: clone;

120

khanglol @khanglol.bsky.social · 21/03/2026

browser inconsistences i encountered ☹ #CSS • outlines on grid items broken on Chrome (inline and block size are off 1px) • text-align on :first-line only working on Safari • inline images adding mysterious empty space on Safari • inline-size containment computing to 0px inline for grid item on iOS

120