Accessing CSS Classes in FastHTML
How to retrieve the CSS classes for a FastHTML FastTag instance.
css
16 posts
An Informationally-Dense Index Page
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.
Creating an Accessible Inline Nav FastTag
I make a lightweight vanilla InlineNav FT with FastHTML, using the HTML nav element and as minimal styling as I can get away with.
Improving Pygments Code Block Display
Using Pygments, CSS and Ruff to improve how code blocks are displayed on my daily notebook blog.
MonsterUI Buttons and Links
Iterating through the ButtonT enum to show all MonsterUI button types visually.
SVG Animations in FastHTML
Exploring how to make basic SVG animations work with FastHTML.
Dark and Light Mode in FastHTML
How to make a website check the user's preferred mode and set the background appropriately.
A Better Notebook Index Page
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:
FastHTML Piano, Part 3
Adding a settings bar with a volume slider and waveform selector to the piano.
FastHTML Piano, Part 2
In Part 1 we defined piano keys. Now let's improve them with hover effects, mouse events, and JavaScript audio.
FastHTML Piano, Part 1
My adaptation of https://developer.mozilla.org/en-US/play to FastHTML, with improvements.
Note Box FastTag
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.
Minimal Typography for FastHTML Apps
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?
Transforming Notebook Names to Cards
I have Jupyter notebooks in nbs/. I want to turn them into cards from the filenames, without having to read the file contents.
How I Fixed CSS Scope Leakage in Pygments Syntax Highlighting
This notebook shows how to:
Converting Jupyter Notebook Cells to Pygments Syntax-Highlighted HTML
## Understand the Problem