Gwern's website changed my life at least 12 years ago by introducing me to spaced repetition, which solved my greatest bottleneck at the time: very smart and totally unable to remember anything in the moment to actually apply those smarts to. I'm glad I got the opportunity to finally remunerate him some very small amount after he set up a Patreon or what have you around the time of that Dwarkesh podcast. There are like at least a dozen other works on there that were formative for me too, very highly recommended.
genericacct 2 days ago [-]
Came here to say this, absolute best blog typography in the last 30 yrs
Explanation of Sudoku in APL. Lots of information, absolutely no clutter. Entire page is nothing but text in a single precise sans-serif typewriter font, the same size and strength for everything: headings, explanation, code, and tables. Typewriter font includes mathematical symbols.
efortis 7 hours ago [-]
I’ve gotten a few emails complimenting the format of this post below. It’s got fragment-links that scroll and highlight the corresponding part in the code snippet.
I have my own blog, but I'm unhappy with its design as well; therefore I'm not sharing it. Nevertheless, I find particularly challenging two things:
1. Make tables readable from a smartphone. There are a few tricks which allow you to make a responsive table. However, those tricks implies that you use <ul> or <div> instead of <table> which defeats the point of having a table.
2. I had an article where I needed to put a tiny mind map. Eventually I put it as a picture, because the solutions to draw a mind map with JavaScript made the page as twice as heavy.
For interactive / code snippets Maxime Heckel: https://blog.maximeheckel.com/posts/the-study-of-shaders-wit...
Honorable mentions Maggie Applebaum https://maggieappleton.com/ai-enlightenment Marek Chotoborski https://zanlib.dev/blog/number-inputs-in-react/
Line width, sane fonts, avoiding clever shit unless very polished, gets you a long way.
Thank you
https://jvns.ca/
Though mainly I just like the general 50s aesthetics of it, rather than specific UI elements.
One of my favorites.
The simple layout/theme does not get in the way of the reading.
Explanation of Sudoku in APL. Lots of information, absolutely no clutter. Entire page is nothing but text in a single precise sans-serif typewriter font, the same size and strength for everything: headings, explanation, code, and tables. Typewriter font includes mathematical symbols.
https://ericfortis.com/blog/freebsd-jails-network-setup
I have my own blog, but I'm unhappy with its design as well; therefore I'm not sharing it. Nevertheless, I find particularly challenging two things: 1. Make tables readable from a smartphone. There are a few tricks which allow you to make a responsive table. However, those tricks implies that you use <ul> or <div> instead of <table> which defeats the point of having a table. 2. I had an article where I needed to put a tiny mind map. Eventually I put it as a picture, because the solutions to draw a mind map with JavaScript made the page as twice as heavy.
> https://ciechanow.ski/
Dramatic sepia photograph contrasts with understated gray text on light gray background with lots of empty space.
Header, body, trailer panels with three complementary background shades that soften the large black sans-serif typography.
acoup.blog
Must also mention
https://motherfuckingwebsite.com/