Accessing CSS Classes in FastHTML
How to retrieve the CSS classes for a FastHTML FastTag instance.
How to retrieve the CSS classes for a FastHTML FastTag instance.
Now that I have a lot of notebooks, it would be nice to have a more compact index page. I want to see more of my posts from mobile all at once. I'm going to prototype it in Tailwind.
I make a lightweight vanilla InlineNav FT with FastHTML, using the HTML nav element and as minimal styling as I can get away with.
Using Pygments, CSS and Ruff to improve how code blocks are displayed on my daily notebook blog.
Iterating through the ButtonT enum to show all MonsterUI button types visually.
Exploring how to make basic SVG animations work with FastHTML.
How to make a website check the user's preferred mode and set the background appropriately.
I've made good progress on creating a notebook every day. Now I have so many notebooks that my index page needs an overhaul, including:
Adding a settings bar with a volume slider and waveform selector to the piano.
In Part 1 we defined piano keys. Now let's improve them with hover effects, mouse events, and JavaScript audio.
My adaptation of https://developer.mozilla.org/en-US/play to FastHTML, with improvements.
I needed a quick note box for the index page of this site, without affecting the CSS of my notebooks that explore weird CSS stuff deeply.
When using pico=False and no CSS framework, a FastHTML page doesn't look great. Can we use minimal typography to make it look decent, without dependencies?
I have Jupyter notebooks in nbs/. I want to turn them into cards from the filenames, without having to read the file contents.
This notebook shows how to:
## Understand the Problem