Hello HN! This is a static website with a big interactive list of nonfiction books that have been reviewed in Science, Nature, and the LSE Review of Books. I like looking for nonfiction reviews in places such as these to get an idea of how well researched a book is, but going through their old posts is a bit of a pain.
The site is generated using 11ty from a couple of JSON files containing the book data, which I collected with the help of a few Python scripts. I used lozad.js and Isotope for lazy loading and filtering respectively.
I'm not a dev, so please forgive the cludgy code! This is not a product or service of any kind, but simply a hobby project I made in my free time this week. I'd appreciate any feedback you can offer :)
Some things I learned:
- I should try using LESS and SASS as my css file is a bit of a mess.
- 11ty deserves all the hype it gets in the SSG scene. The docs are a bit sparse for a novice like me, but I found a few fantastic third-party tutorials that I didn't know about when I first mucked about with 11ty.
- Install node and npm via nvm if on Linux to avoid permission errors
- Web dev is hard
Some issues I'm aware of:
- Background scrolls when moving the modal (can't figure this out).
- Some tags are misspelled and should be grouped further.
- The book covers are pretty awful quality.
- The site is quite large (~4 MB); I need to learn to integrate minification into the build process.
Edit: List formatting
The site is generated using 11ty from a couple of JSON files containing the book data, which I collected with the help of a few Python scripts. I used lozad.js and Isotope for lazy loading and filtering respectively.
I'm not a dev, so please forgive the cludgy code! This is not a product or service of any kind, but simply a hobby project I made in my free time this week. I'd appreciate any feedback you can offer :)
Some things I learned:
- I should try using LESS and SASS as my css file is a bit of a mess.
- 11ty deserves all the hype it gets in the SSG scene. The docs are a bit sparse for a novice like me, but I found a few fantastic third-party tutorials that I didn't know about when I first mucked about with 11ty.
- Install node and npm via nvm if on Linux to avoid permission errors
- Web dev is hard
Some issues I'm aware of:
- Background scrolls when moving the modal (can't figure this out).
- Some tags are misspelled and should be grouped further.
- The book covers are pretty awful quality.
- The site is quite large (~4 MB); I need to learn to integrate minification into the build process.
Edit: List formatting