Animate to height: auto; (and other intrinsic sizing keywords) in CSS Ā |Ā CSS and UI Ā |Ā Chrome for Developers
Animate to and from intrinsic sizing keywords with `interpolate-size` and `calc-size()`
Chrome for Developers Ā· developer.chrome.com [1]
Css is getting so good, new things like interpolate-size are making things that use to require some deep expertise and hacks intuitive and easy.
/* Opt-in the whole page to interpolate sizes to/from keywords */
:root {
interpolate-size: allow-keywords; /* š */
}
Note
This post is a thought [2]. Itās a short note that I make
about someone elseās content online #thoughts
References:
[1]: https://developer.chrome.com/docs/css-ui/animate-to-height-auto/
[2]: /thoughts/
Posts tagged: thought
All posts with the tag "thought"
866 posts
latest post 2026-05-25
Publishing rhythm
[1]
Looks like a great start to a rules file for fastapi [2].
- Place the happy path last in the function for improved readability.
I have never heard anyone say this. It feels weird to me. The other early return, find and handle errors early all make sense to me, but happy path last is new to me.
Note
This post is a thought [3]. Itās a short note that I make
about someone elseās content online #thoughts
References:
[1]: /static/https://github.com/PatrickJS/awesome-cursorrules/blob/main/rules/py-fast-api/.cursorrules
[2]: /fastapi/
[3]: /thoughts/
Generate Custom .cursorrules for Your Project Based on Community Examples
expert led courses for front-end web developers and teams that want to level up through straightforward and concise lessons on the most useful tools available.
egghead Ā· egghead.io [1]
Really interesting way to generate a rules file for agentic workflows based on your current repo. John uses gitingest here, looks like a fantastic tool, but probably not useful for most private repos. Iām sure you can replicate the same thing in a private repo wtih a small amount of effort the few times you need to do it. gitingest looks like a great way to pull in some extra context for some open source dependencies that you have though.
Note
This post is a thought [2]. Itās a short note that I make
about someone elseās content online #thoughts
References:
[1]: https://egghead.io/generate-custom-cursorrules-for-your-project-based-on-community-examples~eimq2
[2]: /thoughts/
GitHub - coderamp-labs/gitingest: Replace 'hub' with 'ingest' in any GitHub URL to get a prompt-friendly extract of a codebase
Replace 'hub' with 'ingest' in any GitHub URL to get a prompt-friendly extract of a codebase - coderamp-labs/gitingest
GitHub Ā· github.com [1]
Gitingest has a python package on pypi that you can run with uvx, and it accepts the same arguments as the web version, right in your terminal
⬢ [devtainer] ⯠uvx gitingest --help
Usage: gitingest [OPTIONS] SOURCE
Analyze a directory and create a text dump of its contents.
Options:
-o, --output TEXT Output file path (default: <repo_name>.txt in
current directory)
-s, --max-size INTEGER Maximum file size to process in bytes
-e, --exclude-pattern TEXT Patterns to exclude
-i, --include-pattern TEXT Patterns to include
--help Show this message and exit.
Note
This post is a thought [2]. Itās a short note that I make
about someone elseās content online #thoughts
References:
[1]: https://github.com/cyclotruc/gitingest
[2]: /thoughts/
Gitingest
Replace
gitingest.com [1]
Replace hub with ingest in any github and get a prompt friendly codebase ready to feed into any llm. It combines the entire codebase, based on a gitignore style glob that you pass in, into a single TXT file.
Note
This post is a thought [2]. Itās a short note that I make
about someone elseās content online #thoughts
References:
[1]: https://gitingest.com/
[2]: /thoughts/
[1]
Definitely need to give codecompanion.nvim a try, it looks like a competitor to windsurf but in nvim. It looks so feature complete that its hard to grasp all of what it does.
Note
This post is a thought [2]. Itās a short note that I make
about someone elseās content online #thoughts
References:
[1]: /static/https://github.com/olimorris/codecompanion.nvim
[2]: /thoughts/
-
Great panel of software folks at open sauce. It was interesting hearing from all these creators from the perspective of an open sauce panel.
Note
This post is a thought [1]. Itās a short note that I make
about someone elseās content online #thoughts
References:
[1]: /thoughts/
[1]
New release out for nvim-manager that supports installing pre-configured distros. Itās such a breeze to install these now, its been fun to go through each of them. The currently included distros are.
- LazyVim
- AstroVim
- kickstart
- NvChad
- LunarVim
Note
This post is a thought [2]. Itās a short note that I make
about someone elseās content online #thoughts
References:
[1]: /static/https://github.com/WaylonWalker/nvim-manager/releases/tag/v0.0.2
[2]: /thoughts/
Releases Ā· WaylonWalker/nvim-manager
manage dotfiles with nvim_appname. Contribute to WaylonWalker/nvim-manager development by creating an account on GitHub.
GitHub Ā· github.com [1]
First release of nvim-manager is out. Your dotfiles change a lot, sometimes itās hard to manage all of the places you have installed them and potentially made hand edits to. nvim-manager allows you to easily make static releases of your dotfiles, and keep your nvim install from breaking by leveraging NVIM_APPNAME and pinned releases of your dotfiles stored in ~/.config. In this directory you might have many nvim configurations installed, nvim-manager automates the process of installing and updating from your dotfiles, while keeping previous pinned versions untouched.
Note
This post is a thought [2]. Itās a short note that I make
about someone elseās content online #thoughts
References:
[1]: https://github.com/WaylonWalker/nvim-manager/releases
[2]: /thoughts/
[1]
Nice list of url escape codes. I did not actually know that to get a literal sequence like %2D you can use $2D.
Note
This post is a thought [2]. Itās a short note that I make
about someone elseās content online #thoughts
References:
[1]: /static/https://docs.microfocus.com/OMi/10.62/Content/OMi/ExtGuide/ExtApps/URL_encoding.htm
[2]: /thoughts/
GitHub - ngalaiko/tree-sitter-go-template: Golang template grammar for tree-sitter
Golang template grammar for tree-sitter. Contribute to ngalaiko/tree-sitter-go-template development by creating an account on GitHub.
GitHub Ā· github.com [1]
This setup fixed my nvim syntax highlighting in helm templates.
Note
This post is a thought [2]. Itās a short note that I make
about someone elseās content online #thoughts
References:
[1]: https://github.com/ngalaiko/tree-sitter-go-template
[2]: /thoughts/
GitHub - imagegenius/docker-immich: Monolithic (Single) Docker Container for Immich
Monolithic (Single) Docker Container for Immich. Contribute to imagegenius/docker-immich development by creating an account on GitHub.
GitHub Ā· github.com [1]
imagegenius has made an immich all in one setup that looks much easier to use than immich.
Note
This post is a thought [2]. Itās a short note that I make
about someone elseās content online #thoughts
References:
[1]: https://github.com/imagegenius/docker-immich/
[2]: /thoughts/
Owning It Ā· Matthias Ott
Owning your content and platform means true independence on the web. Why it matters more than ever for creators.
Matthias Ott ā Web Design Engineer Ā· matthiasott.com [1]
I can say I had the same kind of feelings when I first saw something called āOwn Your Webā being run in Buttondown. I totally get it. It takes time and effort to build your own stuff, email sending is hard, not done right ends you in the spam folder. There is something about the name though that I think needs to set an example and self host [2] as much as it possibly can.
The changelog has covered this several times, do they need to go to the crazy lengths they do to run their site, no probably not, but it keeps them in the loop. They are using the tech they talk about in a very real and production critical way to run the show.
Cant wait to see more from ownyourweb.site
Note
This post is a thought [3]. Itās a short note that I make
about someone elseās content online #thoughts
References:
[1]: https://matthiasott.com/notes/owning-it
[2]: /self-host/
[3]: /thoughts/
-
Gyroscope better than a mouse?? Nerd nest really sells how having two gyros in the way they have done for noise cancelling changes the game on it, and makes it a contender to replace a mouse.
It really makes me want to try it. I love how repairable this controller looks. Iāve got to imagine that the fact that it comes as a kit, and all the parts are available that this hits S tier repairability. My current controller of choice is a PS5 and Iāve had stick issues I wish I could fix.
No analog triggers, Iām out. Maybe they will make it an option in the future idk. I donāt play shooters where I need a hair trigger, this wonāt work on session or driving games.
micro usb, seriously, that kinda kills it for me too.
edit I looked on their website and they have usb c in the latest version
Note
This post is a thought [1]. Itās a short note that I make
about someone elseās content online #thoughts
References:
[1]: /thoughts/
Postiz: The All-in-One agentic social media scheduling tool
Streamline your social media with Postiz. Schedule posts, analyze performance, and manage all accounts in one place.
Postiz Ā· postiz.com [1]
postiz looks like a very polished way to automate and schedule posts to all the social services.
Note
This post is a thought [2]. Itās a short note that I make
about someone elseās content online #thoughts
References:
[1]: https://postiz.com/
[2]: /thoughts/
GitHub - gitroomhq/postiz-helmchart: Helm for Postiz
Helm for Postiz. Contribute to gitroomhq/postiz-helmchart development by creating an account on GitHub.
GitHub Ā· github.com [1]
Reminder to myself, look into self hosting postiz with this helm chart later.
Note
This post is a thought [2]. Itās a short note that I make
about someone elseās content online #thoughts
References:
[1]: https://github.com/gitroomhq/postiz-helmchart
[2]: /thoughts/
Realign
I just popped out a realign of the olā personal website. I only say realign as I didnāt rethink every single detail of the thing. Iād say probably 40% of the original HTML and CSSā¦
Chris Coyier Ā· chriscoyier.net [1]
Chris Coyier had a small re-align on his site, some good nuggets in here.
I like the idea of having a photo of myself prominently on the site, so you know who youāre dealing with here.
I really like this after thinking about it and I think I am going to make sure I get my face back on my posts. I do have my 8bit style pixel art image of me that I use on social media, but no real picture.
I feel like a lot of people redesign their entire website when itās time to update to the latest list of social networks and Iām no different. Once you touch it you gotta keep going.
I can totally relate to this, once you open the thing, you get the build tools greased up, and your confidence high that re-deploying isnāt going to mess something up, I tend to start digging in to other things.
Note
This post is a thought [2]. Itās a short note that I make
about someone elseās content online #thoughts
References:
[1]: https://chriscoyier.net/2025/01/03/realign/
[2]: /t...
About Harry Roberts ā CSS Wizardry
csswizardry.com [1]
Iāve only recently learned what colophon means, and I really like to read through site that use it. If you donāt know its about how the site is built. Iāve always liked peeking under the hood of things to understand how they work, itās what turned me towards an engineering degree.
I love how he mentions that he chose the name when he was 17 and he is stuck with it. I particularly like the name, it has something special to it. Hats off to you for doing something that has lasted so long for you. I fully understand though, I have projects that I made a year ago that I think why did I name it that. At the same time when I try to think of a name I end up with the I donāt have anything good and Iād rather build the thing so fuck it, its going to be what it is.
Note
This post is a thought [2]. Itās a short note that I make
about someone elseās content online #thoughts
References:
[1]: https://csswizardry.com/about/#section:colophon
[2]: /thoughts/
Using Obsidian as a Gaming Backlog Library
How to use Obsidian as a gaming backlog library. Get a long-lasting overview of games you want to and have played.
Bryan Hogan Ā· bryanhogan.com [1]
Very interesting way to catalog games, I need to make a catalog of mine, Iāll probably start adding some blog entries for games Iām in and have completed. Wonder if there is a way to hook into steam with python to get achievements and progress live.
Note
This post is a thought [2]. Itās a short note that I make
about someone elseās content online #thoughts
References:
[1]: https://bryanhogan.com/blog/obsidian-gaming-backlog
[2]: /thoughts/
Harry Roberts (@csswizardry.com)
š” Iāve been writing a lot lately. Iāve also dusted off my RSS reader. Send me your feeds! Mine is at csswizardry.com/feed.xml
https://csswizardry.com/feed.xml
Bluesky Social Ā· bsky.app [1]
Tons of cool people came out with their rss feeds here, again will need to browse more closely later.
Note
This post is a thought [2]. Itās a short note that I make
about someone elseās content online #thoughts
References:
[1]: https://bsky.app/profile/csswizardry.com/post/3lckq4qo6zs22
[2]: /thoughts/