keithjgrant

keithjgrant, 7 months ago to webdev

I’m sorry, but I think HTMX is just gross.

A worthwhile experiment, absolutely, but I can’t see myself ever using this for a serious production application. I hope we keep iterating on this before settling for a non-turing complete, directive-driven language that gives Angular 1.0 PTSD flashbacks

#webdev #JavaScript #htmx

keithjgrant, 11 months ago to random

New post: Re-evaluating px vs em in Media Queries (or, Safari is why we can’t have nice things)

I think the old rules may need tweaking, but the answer is still not exactly clear-cut.

https://keithjgrant.com/posts/2023/05/px-vs-em-in-media-queries/

keithjgrant, 8 months ago to CSS

HALP. My chapter on #CSS color just won't stop growing. This is easily going to be the longest chapter in the book

keithjgrant, 1 year ago to programming

🔭 New post: Scoped CSS is Back 🎉

#css #webdev

https://keithjgrant.com/posts/2023/04/scoped-css-is-back/

keithjgrant, 1 year ago to programming

📝 New Post: Transitioning to height: auto (two ways)

https://keithjgrant.com/posts/2023/04/transitioning-to-height-auto/

#css #webdev

keithjgrant, 6 months ago to CSS

Does anybody know what color space/interpolation method #CSS gradients use when you don't specify one?

I can't find any documentation that specifies, including the spec. As far as I can tell testing, the behavior doesn't quite match any of the color spaces I can specify (it's closest to oklch or maybe xyz-d50, but not exact)

cc @argyleink

keithjgrant, 9 months ago to webdev

📝 New post: Web components aren’t components.

…Where I try to make sense of thoughts that have been swirling around my head for years now

#webdev #javascript #css

https://keithjgrant.com/posts/2023/07/web-components-arent-components/

keithjgrant, 1 year ago to programming

Why is @scope different than Shadow DOM? There are a number of similarities, but a couple things make @scope different:

• it's more lightweight, so it's easy to sprinkle onto the page where Shadow DOM would be overkill
• it allows for multiple scopes to overlap and provides control over styles when they do
• it offers fine-grained control over which styles do or do not reach from an outer scope into an inner one

#css #webdev #ScopedCSS

https://keithjgrant.com/posts/2023/04/scoped-css-is-back/

keithjgrant, 1 year ago to random

Okay, I’m now squarely in the awkward transition phase back to Firefox from Arc... I still tend to have both open all day as I slowly re-establish my older habits/solutions to workflow management.

I will miss the Arc Spaces though. Does anybody know of any #Firefox tab-management plugins that actually replicate that behavior (no, not multi-account containers. I want active sessions to be available in any container/space)?

keithjgrant, 7 months ago to CSS

Debating with myself whether <Flex> and <Stack> components are an antipattern... I keep finding spots in our app where we've ended up with like ten nested flexboxes where one or two would accomplish the exact same result.

Is this just a devs-not-knowing-CSS problem, or does the abstraction invite abuse?

#css #react #webdev

keithjgrant, 15 days ago to random

Really considering starting to post recipes on a blog, not because I want to be a “food blogger” (ugh) but purely because the web deserves some un-bloated, ad-free, tracking-free recipes somewhere

keithjgrant, 10 months ago (edited 10 months ago) to CSS

In the first edition of CSS in Depth, I have a chapter on "Modular CSS"... but I'm debating whether to rename that to "Component-based design" for 2nd edition. What do you think?

#CSS #CSSinDepth #webdev

keithjgrant, 8 months ago to random

People love to trash on imperial measurements, but I’ve come around and realized they actually aren’t that bad. Most arguments against them are strawman (when’s the last time you ever needed to convert between feet and miles? They’re used for different things entirely)

My only remaining complaint is with weights. Ounces just aren’t precise enough, even with fractions of an ounce. Grams are glorious that way

keithjgrant, 6 months ago to random

/me deletes "There won't be a CSS4" from the 2nd edition manuscript

keithjgrant, 7 months ago to random

I think this hits the nail on the head. This is precisely my issue with #tailwind. It actively ignores one of the most powerful aspects of #CSS:

“I think that Tailwind might be a good example of an imperative design tool. It’s only about the specific outputs. Systematic thinking is actively discouraged; instead you say exactly what you want the final pixels on the screen to be.”

https://adactio.com/journal/18982

keithjgrant, 10 months ago to random

Okay Firefox. I'll be going to print early next year. Please make me change this before then by adding :has() support

keithjgrant, 9 months ago to random

"show me an example component where @scope can't just be done via a web component instead" is a really frustrating ask.

Because the answer is: every piece of every design system or web app I've ever built. Just the fact that you're asking tells me that providing an example won't actually answer your question because you're clearly coming from such a different problem space that my entire approach is foreign to you

keithjgrant, 1 year ago to random

Okay, I have so many thoughts about Tears of the Kingdom, and I’ve been trying not to spam gaming stuff here.

I think Breath of the Wild was a flawed masterpiece.

#TotK, however, has perfected what BotW started. It makes BotW feel like a mere tech demo; a sort of teaser trailer. TotK will go down as one of the greatest games ever made.

keithjgrant, 5 months ago to random

My 20-years-abandoned guitar skills have been coming back to me surprisingly quickly. But dang, I can’t remember any songs. A few riffs of Enter Sandman is about it. Guess I’ve got my work cut out for me.

Anyway, this time around I’m determined to properly learn the notes of the fretboard, so I started making a little app: https://guitar.keithjgrant.com. It still needs some polish, but it’ll serve the purpose.

(https://notes.keithjgrant.com/notes/2023/12/my-20-years-abandoned-guitar-skills/)

keithjgrant, 27 days ago to random

Petition to remove Brazil nuts from cans of mixed nuts and replace them with something that actually tastes good, like pistachios

keithjgrant, 2 days ago to random

My copyeditor just changed "front-end" to "frontend" so does that mean the debate is settled?

keithjgrant, 22 hours ago to random

Can‘t I just use ALL they typefaces? They so pretty

keithjgrant, 6 months ago to random

am I totally missing something, or is class MyComponent extends HTMLLIElement totally not supported, meaning custom elements can't even work as items in a <ul>?

keithjgrant, 4 months ago to random

New post: My CSS Resets

I’m far from the first to share my take on this, but I find I want somewhere easy to reference it. 😊

https://keithjgrant.com/posts/2024/01/my-css-resets/

keithjgrant, 1 month ago to random

Does the new CSS light-dark() do anything to support sites that have a light mode/dark mode toggle switch?