notes-computer-webdesign-webdesignsILike

Difference between revision 136 and current revision

No diff available.

http://carbonmade.com/

http://www.libelium.com/products/waspmote/

https://developer.apple.com/swift/ https://developer.apple.com/library/prerelease/ios/documentation/Swift/Conceptual/Swift_Programming_Language/ https://developer.apple.com/library/prerelease/ios/referencelibrary/GettingStarted/LandingPage/index.html

https://developer.apple.com/swift/ (but i dont like the banner at the top)

--

http://www.mozilla.org/en-US/firefox/30.0/releasenotes/ https://www.mozilla.org/en-US/firefox/52.0/releasenotes/

--

io's web page style looks nice:

http://iolanguage.org/scm/io/docs/IoTutorial.html

http://iolanguage.org/

http://iolanguage.org/scm/io/docs/IoGuide.html

--

also the Flask web page style looks nice:

http://flask.pocoo.org/

---

the official Python tutorial is wonderful

here's a pretty haskell tutorial: http://yannesposito.com/Scratch/en/blog/Haskell-the-Hard-Way/

incidentally, the asm.js spec formatting is pretty.

---

http://p2pvalue.eu/publications/project-deliverables as of oct 23 2014

---

http://habariproject.org/en/

although the page seems focused on the project and doesn't actually sell the product (eg explain why users should use it)

in fact their vision only talks about what devs get out of it, not what users get out of it:

http://habariproject.org/en/vision

---

http://alanclements.org/

http://pdclib.e43.eu/

http://www.musl-libc.org/

section "What is musl?" of http://www.etalabs.net/musl/faq.html is well-written

https://stripe.com/bitcoin

---

http://programmingisterrible.com/

http://www.rust-lang.org/

sorta: http://blog.golang.org/

almost: http://picat-lang.org/ i dont love the design per se but the content organizaton is okay, the number and size of the code examples

http://www.vb-helper.com/howto_invert_color.html i dont like a lot of this (eg blue background color) but i like the conciseness and the inclusion of keywords

https://muut.com/blog/

ok: http://tumblr.github.io/colossus/

http://lhorie.github.io/mithril/getting-started.html

and i like the top screenful of http://lhorie.github.io/mithril/ but not what you see when you scrolldown (i dont like that popular scheme where you change the background color of different parts of the page, and have funky-looking background colors and patterns, and i dont like how there's no TOC at the top)

github's feature documentation, eg https://pages.github.com/

https://www.backblaze.com/blog/best-hard-drive/

http://www.visualmess.com/index.html

https://bigml.com/ dont like the colors and some other aspects or the carosel, but the general layout of the other pages on this site is okay

https://bitcoin.tax/

http://www.wix.com/

i don't like many of these but here's someone else's list: https://news.ycombinator.com/item?id=9440208

http://openbiometrics.org/ http://openbiometrics.org/doxygen/latest/index.html http://openbiometrics.org/doxygen/latest/group__cpp__plugin__sdk.htm

https://incubator.apache.org/wave/mailing-lists.html

https://sandstorm.io/ i particularly like the contributors list

https://www.okta.com/product/mobility-management/#1 except that i'd prefer if you could scroll rather than hitting the buttons to go down

lambda-the-ultimate.org looks simple, and the text resizes properly when you zoom in (is this called 'responsive'?) (just an example story) http://lambda-the-ultimate.org/node/5169

this is one of the few sites with javascript that loads sufficiently fast: http://winkdex.com/

(which js libs do they use? google analytics, jquery, moment, bootstrap, d3, underscore, react, and two unnamed (custom?) ones, /static/js/lib.015f9ab47c99.js and /static/js/common.f2bd544dd6e0.js )

http://rocksdb.org/

ok here i just like the choice of content: https://github.com/facebook/rocksdb/wiki/RocksDB-Basics

https://www.tbray.org/ongoing/When/201x/2015/06/05/End-of-HTML

http://www.apple.com/live/2015-june-event/

http://gridstylesheets.org/

just okay: https://www.baselgovernance.org/

https://www.artbasel.com/en/For-Galleries/Selection-Process

https://texlution.com/post/why-go-is-doomed-to-succeed/

http://umbel.org/ s'okay, i guess

http://es6-features.org/ i actually dont like the graphical style in general (the black-background parts are too dark-looking, and the light brownish-gray text in that section needs more contrast), but i do like how your eye is drawn to the code, which has the white background. And i like the layout, it's very simple and obvious to use.

geico

https://www.cloudbeds.com/myfrontdesk/

http://web.media.mit.edu/~minsky/

http://www.arngren.net/

http://www.cameronsworld.net/

http://coolsig.com/ (ok i dont like the graphical style but it is organized)

http://diveintohtml5.info/forms.html

http://www.altheim.com/murray/favourites.html

http://web.archive.org/web/*/http://www.lexaloffle.com/voxatron.php?page=dev

i like the category selector on the top right of: http://www.lexaloffle.com/bbs/?cat=7&sub=2

i dont love it 100% but i like a lot of: http://www.lexaloffle.com/pico-8.php

---

dunno where to put this, but there's also things where are well organized/written:

http://aturon.github.io/blog/2015/08/27/epoch/

comment on that link by kbenson: "Let's see, a TL;DR, then a table of contents list, then straight to benchmarks... This man knows how to get right down to business."

https://xkcd.com/773/ : " things on the frontpage of a university website:

things people go to the site to look for:

http://thepatternsite.com/setups.html (note: i have no opinion and am not recommending/disrecommending the content of this site! i just like the design; i don't like the design of the homepage, but i do like the setups.html page)

http://aces-cake.org/

http://cs.stanford.edu/people/karpathy/convnetjs/

(i particularly like the embedded google group in the previous one)

http://mikorizal.org/about.html

http://dtab.io/ actually more the content than the design, which i think is to little information per line

https://github.com/Jack000/Expose

http://adv-r.had.co.nz/

https://erisindustries.com/ ok i dont like most of this design but the way that the blockish graphics change as you scroll is sooo cool, and however they did this, it runs fast even on my old computer

i do like the whole design of their 'components' sub pages, eg https://erisindustries.com/components/erislegal/

http://dogecoin.com/ i only sorta like this one; i dont like the pictures or colors or the (popular) scroll-of-horizontal-bars layout, but i like the text and the organization of the text.

https://bitcointalk.org/index.php?topic=757255.msg8536457#msg8536457 https://bitcointalk.org/index.php?topic=654845.msg7350595#msg7350595

http://www.supernet.org/index.php

http://www.gnu.org/software/guile/ (ppl like this better than http://web.archive.org/web/20151013161308/http://www.gnu.org/software/guile/ : https://news.ycombinator.com/item?id=10512772 )

http://microsoft.github.io/code-push/ i dont like the colors or how the initial 'screen' at the top doesnt say much and fills the screen, but i do like how there are 6 steps

http://worrydream.com/ClimateChange/

---

https://hashicorp.com/blog.html

---

some thoughts on web designs:

i tend to agree with much of this article: http://idlewords.com/talks/website_obesity.htm ; just read sections 3-6, Fat Ads, Fat Assets, Chickenshit Minimalism, Interface Sprawl.

---

https://stats.ethdev.com/ eg https://blog.ethereum.org/wp-content/uploads/2016/02/ethstats.jpg ( https://github.com/cubedro/eth-netstats )


http://people.cs.uchicago.edu/~odonnell/ http://people.cs.uchicago.edu/~odonnell/Scholar/

---

i don't like the rest of the design, but the wording at the bottom:

" COLLABORATE

Join our community on Slack, contribute or fork our code on GitHub?, submit and review development issues on TAIGA, view our project and progress on Trello, and follow or connect with us. " then below that they have blue circles with cutouts of icons for: facebook, twitter, youtube, reddit -- https://bitnation.co/main/

---

don't like the color scheme, but do like the organization

http://moarvm.org/

---

http://www.stephendiehl.com/

---

http://luajit.org/luajit.html

---

https://rg3.github.io/youtube-dl/

https://mosh.mit.edu/

http://www.berkshirehathaway.com/

https://www.microsoft.com/surface/en-us/support/getting-started/get-started-with-surface-pro-4 is okay but it jumps around too much when you click on stuff

http://pockulus.getchip.com/ http://docs.getchip.com/pocketchip.html

https://fsharpforfunandprofit.com/posts/designing-for-correctness/

http://notes.willcrichton.net/rust-the-new-llvm/

http://sourceware.org/binutils/docs/as/index.html

http://jgthms.com/web-design-in-4-minutes/ through the step 'Balance' (but NOT through the step Identity, or further; also, NOT including the step 'Color & contrast')

---

can also play around with http://kyleamathews.github.io/typography.js/

---

i dont like the colors or the small font size, but i like how the right sidebar expands for to show the subpart that you are in:

http://fantom.org/doc/docIntro/WhyFantom

---

http://groupoid.space/exe.htm

http://cs.lmu.edu/~ray/

---

i don't love this one but it's functional: http://schmurfy.github.io/2011/09/25/on_fibers_and_threads.html

---

http://gitless.com/

https://vuejs.org/guide/

---

http://jensimmons.com/post/jan-4-2017/replacing-jet-engine-while-still-flying

---

http://arjunsreedharan.org/post/69303442896/the-difference-between-arr-and-arr-how-to-find

---

http://wayback.archive.org/web/20170118145539/http://pixielang.org/

however i dont like the images in that one, or the purple borders

---

i don't LOVE the design, but i like it a lot b/c the messaging is really solid: "Here's why you'll love it:" for their primary competitive advantage, followed by background-color-demarcated lists of other features, each with a screenshot

http://wayback.archive.org/web/20170110061957/https://zulip.org/

---

good for release notes: https://www.mozilla.org/en-US/firefox/51.0/releasenotes/

https://liqui.io/

http://www.hopesandconcerns.org/

http://www.agreelist.com/

http://javascript.crockford.com/private.html (dont like the background color tho)

https://thefounder.biz/play/

https://vuejs.org/v2/guide/ made with hexo: https://github.com/vuejs/vuejs.org https://github.com/vuejs/vuejs.org/tree/master/themes/vue

https://www.techempower.com/benchmarks/

http://expressjs.com/

https://www.notionsandnotes.org/ uses Pelican, i guess: https://www.notionsandnotes.org/tech/web-development/pelican-static-blog-setup.html

wayback.archive.org/web/20170212011115/http://gao.libguides.com/c.php?g=254573&p=1698538

---

airtable.com

usually i don't like this style but this time i do. I think it's the colorfulness and the choice of colors.

---

http://www.johnlewispartnership.co.uk/about/the-partnership/governing-authorities.html

nice expanding hierarchy in the left sidebar, and breadcrumbs on top

---

i DISLIKE the desktop design of http://www.thevirtualreport.biz/ , but i like their mobile site design

---

https://notes.shichao.io/lkd/ch5/

---

mobile version only, i like the main text and its margins but not the header: https://msdn.microsoft.com/en-us/library/windows/desktop/aa365198(v=vs.85).aspx

---

https://workflowy.com/demo/embed/

---

https://teachyourselfcs.com/

http://www.nowinstock.net/users/myAccount.php

---

i dont really like the design of

http://www.purescript.org/

(crazy big margins), but i do like the structure: tagline, try it, examples carousel, feature list of 12 features in a 3x4 grid

---

not a webpage, but the TOC in

https://www.boell.de/sites/default/files/re-imagining-value-report.pdf

---

http://wayback.archive.org/web/20170312175200/http://www.scootersoftware.com/

https://bitcoincore.org/en/2015/12/23/capacity-increases-faq/

https://bitcoinwisdom.com/

the top pane of http://wayback.archive.org/web/20170316124923/http://gohugo.io/

https://standards.usa.gov/

---

for tutorials:

http://commonmark.org/help/tutorial/

(for more high-bandwidth but slightly more intimidating tutorials, https://tour.golang.org/ is good)

---

i dont love it, but it's okay: http://asciidoctor.org/docs/ http://asciidoctor.org/

---

http://forwardcom.info/

---

schwab.com

---

http://jbr.me.uk/

---

https://help.altvr.com/hc/en-us/articles/115000347326-Minimum-System-Specifications

---

https://ethstats.net/

although it isn't very 'responsive' (doesnt scale UI elements to fit on the page)

---

etherscan.io

---

http://www.luna-lang.org/ , the part 'Cutting-edge design & built-in safety', esp the colors, and the section 'Interoperability' and its colorful graphic

---

just for nostalgia i guess:

http://int10h.org/oldschool-pc-fonts/fontlist/#ibm_pc_bios

---

https://www.gwern.net

https://angel.co/

https://www.ericbullington.com/

https://forum.ethereum.org/ (i think is is a Vanilla forum?)

https://docs.julialang.org/

ok: https://web.archive.org/web/20170706141223/https://www.paxos.com/careers

https://www.patreon.com/legal

ok: https://explosion.ai/blog/prodigy-annotation-tool-active-learning

https://govukpay-docs.cloudapps.digital/

just the chart:

http://www.synereo.com/#zeev-hotspots

https://coralproject.github.io/talk/index.html

https://guides.coralproject.net/

http://coffeescript.org/

todo check out https://github.com/google/web-starter-kit/blob/master/app/basic.html

https://web.archive.org/web/20171023000159/https://termux.com/

https://taravancil.com/blog/how-merkle-trees-enable-decentralized-web/

http://www.embecosm.com/appnotes/ean9/ean9-howto-newlib-1.0.html

https://upspin.io/ (although, if zoomed out, the margins are too big, and if zoomed in, the text is too big)

i like the colorful cartoons on: https://blog.winnie.com/how-to-get-your-first-100k-active-users-909fa4292a27 https://winnie.com/

for navigating monolithic software, this format looks useful: http://www.makelinux.net/kernel_map/

nice use of icons at top: https://jacobian.org/writing/python-environment-2018/

http://www.club.cc.cmu.edu/~ajo/

https://www.topydo.org/ (a tiddlywiki installation)

https://makefrontendshitagain.party/

https://google.github.io/styleguide/shell.xml

tangential: i find the UI screenshots in here to be clearer than some modern UIs (eg Gimp) http://www.computerhistory.org/atchm/adobe-photoshop-source-code/

why? well, first, there is less functionality. Second, the black and white means that the icons are high contrast. Third, the icons are simpler (compared to Gimp's toolbar icons). Fourth, the borders on the forms are higher contrast; in Gimp's color picker form, for example, the boxes surrounding places where you can type stuff in are gray, whereas they are black in these early Photoshop pictures.

---

https://brutalist-web.design/

red_admiral 18 hours ago [-]

This site does use styling to solve one specific problem: overlong lines on wide screens.

A sensible max-width and line-height can do wonders for readability, to the point that there are "reading mode" extensions that do pretty much just that.

This site has main.max-width = 34em and line-height = 1.5 which is a good choice in my opinion.

There also seems to be some nice vertical rhythm going on with the paragraph and title spacing.

---

makecheck 1 day ago [-]

If you’ve never tried, load something like "lite.cnn.io" and be amazed at how quickly you can see 50 different headlines and links, on any type of device. Similarly, "old.reddit.com" and other simplified designs.

TheAceOfHearts? 1 day ago [-]

Just to add to the list: the best way to access Facebook on a mobile device is "mbasic.facebook.com". It loads considerably faster than the alternatives and doesn't block you from using using the messages feature.

reply

---

---

http://www.scotusblog.com/2018/07/a-view-from-the-east-room-the-brett-kavanaugh-story/#more-272609

https://daiyi.co/

https://sdegutis.com/

http://ergoemacs.org/emacs/keyboard_shortcuts.html

http://gordonbrander.com/pattern/

https://www.webdesignmuseum.org/gallery/yahoo-2001

https://www.webdesignmuseum.org/gallery/mit-libraries-1998

https://www.webdesignmuseum.org/gallery?page=1&year=&category=&style=Clean&open=style&order=time https://www.webdesignmuseum.org/gallery?page=1&year=&category=&style=Minimal&open=style&order=time https://www.webdesignmuseum.org/gallery/geocities-1998 (just the categories section in the middle upper left)

---

http://jkorpela.fi/

---

https://thorstenball.com/blog/2018/09/04/the-tools-i-use-to-write-books/ https://compilerbook.com/

---

i don't like this too much, but it has some good ideas, such as highlighting 'Best overview talk' in red:

https://www.info.ucl.ac.be/~pvr/book.html

---

some tips for making websites crazy small:

https://solar.lowtechmagazine.com/2018/09/how-to-build-a-lowtech-website/

---

too much side whitespace but o/w: https://robertnorthard.com/devops-days-well-architected-monoliths-are-okay/

https://doc.rust-lang.org/book/2018-edition/index.html

---

https://smallstep.com/

---

https://www.kalzumeus.com/2019/3/18/two-years-at-stripe/ says "Stripe has a mostly deserved reputation for giving new product pages very well-designed treatments. Here’s one for general reference" https://stripe.com/us/billing

---

mb worth looking at just for the top-level list of categories: https://blog.kowalczyk.info/

---

http://strlen.com/lobster/

https://htmlpreview.github.io/?https://raw.githubusercontent.com/aardappel/lobster/master/lobster/docs/philosophy.html

---

https://news.ycombinator.com/item?id=19607169

https://people.mpi-sws.org/~rossberg/software.html

https://haxe.org/#learn-more

http://matt.might.net/articles/programming-with-continuations--exceptions-backtracking-search-threads-generators-coroutines/

https://web.archive.org/web/20190706153357/https://datprotocol.github.io/how-dat-works/ https://ssbc.github.io/scuttlebutt-protocol-guide/

---

tool:

https://github.com/debiki/talkyard https://www.talkyard.io/blog-comments

open-source hosted commenting for static sites etc!

---

http://sniklaus.com/about/welcome

https://www.leanternet.com/

https://neurohacker.com/qualia-mind-pilot-study -- i dont like the layout so much but i like the color scheme -- gray with some blue, green, and red. Otoh i dont really like gray text, i like max contrast so black text, so not sure if this one is applicable.

https://chrisalbon.com/

"[^1]: My whole website is built with https://gohugo.io. I use the GitHub? Actions beta to automatically update the public site every time I commit to master. This means I can edit on a computer with a standard text editor, and also on iOS using https://workingcopyapp.com. "

https://danielsada.tech/blog/cloud-services-dos/

https://signalvnoise.com/popular

https://haxe.org/

https://inko-lang.org/ note code example menu in upper right

http://www.nomodes.com/Larry_Tesler_Consulting/Home.html

https://www.blender.org/get-involved/developers/

https://www.python.org/ https://www.python.org/doc/

https://aiju.de/plan_9/plan9-syscalls

https://aiju.de/about_me/ https://www.freesoft.org/CIE/Topics/index.htm

well i don't like the design of this one actually but it's interestingly minimal, and easy to read: https://usmanity.com/

https://sjmulder.nl/en/textonly.html

https://orgmode.org/worg/dev/org-export-reference.html note the popup sidebar

https://int10h.org/oldschool-pc-fonts/readme/ not the fonts

https://alexaltea.github.io/unicorn.js/

https://org-trello.github.io/ dont like the lowcontrast colors

https://www.mozilla.org/en-US/firefox/80.0/releasenotes/

http://akkartik.name/about

https://alphaalgorithms.github.io/2019/05/17/emacs-agenda-views/

https://fennel-lang.org/ https://web.archive.org/web/20200817001514/https://fennel-lang.org/ Seems like a good intro page for a programming language, although it could be a little more comprehensive and dense

https://duktape.org/

https://gitlab.com/feup-tbs (project page is just an example; this was for a TIC-80 learning project that looks like it's been deleted)

https://wren.io/

https://dart.dev/guides/language/type-system https://dart.dev/guides/language/language-tour

https://commonplace.doubleloop.net/?stackedNotes=%2F20200316160148-culture.html

https://orgmode.org/

https://typedefs.com/

https://developers.google.com/protocol-buffers/ don't love the design, but the choice of content is pretty good

https://devblogs.microsoft.com/typescript/announcing-typescript-4-1/ i like how they introduce the project at the top of each blog post

https://developers.redhat.com/blog/2020/01/20/mir-a-lightweight-jit-compiler-project/ i like the font and also the large font size in the diagrams/figures.

https://www.pmalerts.com/

http://sinatrarb.com/intro.html

https://elinux.org/Main_Page i like that there are section icons

https://clig.dev/#guidelines but i don't like the fonts and colors; i find it hard to read in the middle of the day with a lot of light

http://jacobzelko.com/workflow/

https://mtlynch.io/code-review-love/

https://git-scm.com/ i dont love the visual design but i like the choice of information covered, and the succinctness. For a software project it covers exactly the bases (except that some code examples or diagrams would be good).

https://latextypesetting.com/ it's okay

https://www.powertools.dev/get-started/

https://asana.com/guide

https://help.clubhouse.io/hc/en-us/community/topics (just this page, not the actual forum threads pages) https://help.clubhouse.io/hc/en-us (this is a zendesk knowledgebase but i'm talking about the visual design here)

https://support.zendesk.com/hc/en-us/community/topics and the threads are okay too, although they don't make use of the right side of the page much

https://knowledge.hubspot.com/ the hubspot webapps are pretty, too

https://backyourstack.com/ i don't like the frontpage so much (even though it's pretty, it's not dense) but in general i like the appearance of the pages

"

david_allison 2 days ago [–]

GitHub? Sponsors community[0] now performs suggestions based on project dependencies on an organization/personal level, which is a start.

http://tinyscheme.sourceforge.net/home.html

random 'fun' ones: http://kristopolous.github.io/BOOTSTRA.386/ https://news.ycombinator.com/item?id=25982999 https://github.com/sw-yx/spark-joy/blob/master/README.md#fun-css-frameworks https://github.com/vinibiavatti1/TuiCss

i don't like the design but it's fast so it's probably well made: https://herman.bearblog.dev/

https://fosdem.org/2021/schedule/

i don't like 'flat design'; i like buttons to look like buttons, etc

sone thing i've heard that bothers other people is when there's an ecommerce website and the page with the checkout form has more than one column. People wish there was just one column so that everything you have to look at is arranged linearly and it's easy to keep track of where you are (even at the expense of making the page longer). The issue is that if there is more than one column, then a single positional coordinate is not sufficient to denote where you are in filling out or doublechecking the pages; you have to progress through the page in more than one dimension, so you have to have a system for ordering your path, and you have to remember more than one coordinate to know where you are currently at. the person i heard this from is cool with sidebars on ordinary pages though; it's only pages where it's important for them to look everything over and make sure it is right that this matters

https://neomutt.org/ i don't like the huge margins or the double-spacing or the colorscheme but i like the choice of information included, it's general organization (mostly) and the sidebar/navigation elements

https://comparisons.financesonline.com/freshdesk-vs-front

https://www.intercom.com/what-is-intercom?on_pageview_event=how_it_works_nav i don't like various aspects of the design (the styles of pictures, the multiple columns in https://www.intercom.com/resources?on_pageview_event=resources_nav ), and i don't like much of the content (e.g. https://www.intercom.com/what-is-intercom is too fluffy and abstract), and i don't even like some of the organization (e.g. both topic and media facets is too many in https://www.intercom.com/resources?on_pageview_event=resources_nav ), but i like something about the general layout -- i guess the way a lot of it is single column, there is whitespace but not a huge amount (still too much for me tho), they use background colors to distinguish sections, and they use a big and somehow extra easy to read font (font-family: Graphik, Helvetica, Arial, sans-serif, font-weight: 600; line-height: 120%; letter-spacing: -1.09px; font-size: 44px;), and i also like how there's only a few options in the top menu (home page, Why Intercom?, Learn, Pricing, Sign In, and button: Get started) but they are the right ones (and it's pretty good to have Why Intercom? and Learn be pull-down menus too, although i don't love the choice of what's in those menus), and i also like the rounded edges on things.

i guess i'd like to stick with fonts that tend to be included on all platforms (browsers and OSs). I think those are called 'web safe fonts'? Here's a list:

https://kinsta.com/blog/web-safe-fonts/ https://www.w3schools.com/cssref/css_websafe_fonts.asp https://websitesetup.org/web-safe-fonts-html-css/ https://blog.hubspot.com/website/web-safe-html-css-fonts https://www.hostinger.com/tutorials/best-html-web-fonts https://web.mit.edu/jmorzins/www/fonts.html https://www.cssfontstack.com/ https://www.webhostingsecretrevealed.net/blog/web-business-ideas/25-gorgeous-web-safe-fonts-for-your-website/ https://theenergygrid.com/articles-a-resources/web-safe-fonts.html

https://www.cssfontstack.com/ has proportions by platform (windows and mac), presumably who has the font installed

the nice font on https://web.mit.edu/jmorzins/www/fonts.html is apparently Bookman

judging by the numbers on https://www.cssfontstack.com/ the only safeish ones (>60% on both windows and mac; noted if < 80%) are:

Sans-serif: Arial, Arial Black, Arial Narrow, Tahoma, Trebuchet MS, Verdana Serif: Georgia, Lucida Bright (76% on Windows), Palatino, Baskerville (60% on Windows), Times New Roman Monospaced: Courier New, Lucida Sans Typewriter (74% on Windows)

https://web.mit.edu/jmorzins/www/fonts.html says the most safe ones are Arial, Times New Roman, Courier New, and then Palatino, Garamond, Bookman, Avant Garde. It cautions that the following work on Windows and MacOS? but not Unix+X: Verdana, Georgia Comic Sans MS, Trebuchet MS, Arial Black, Impact. I think that mit page is probably pretty old and maybe out of date, tho.

So intersecting that, we have: safest: Arial, Times New Roman, Courier New next most safe: Palatino

https://www.hostinger.com/tutorials/best-html-web-fonts doesn't mention palatino, neither does https://blog.hubspot.com/website/web-safe-html-css-fonts

so really we get just one of each of these categories:

note that in css font-family you can just specify "sans-serif" and it'll choose the font.

https://common-lisp.net/project/armedbear/ two columns of tables in some places. Big headings with colored backgrounds.

https://www.goatcounter.com/why

https://mikkel.ca/blog/git-is-my-buddy-effective-solo-developer/ i don't like the gray background behind the text tho, or the way that the buttons on top change color when you mouseover them

https://techleadcompass.com/

https://sqlite.org/index.html it's okay. It's on this guy's list of small websites: https://benhoyt.com/writings/the-small-web-is-beautiful/

https://danluu.com/deconstruct-files/ it's okay (mb too spartan). It's on this guy's list of small websites: https://benhoyt.com/writings/the-small-web-is-beautiful/

http://gaute.vetsj.com/

https://wiki.nikitavoloboev.xyz/

https://sqrtminusone.xyz/posts/2021-02-27-gmail/ nothing special, just a lot of text with wide margins and a largish font size. i dont love the font

http://catern.com/services.html just lots of text yay! and it resizes properly

https://daniel.haxx.se/blog/2021/03/09/half-of-curls-vulnerabilities-are-c-mistakes/ lots of text, large, easy to read

https://www.ritchievink.com/blog/2021/02/28/i-wrote-one-of-the-fastest-dataframe-libraries/ lots of text but also some whitespace. The figure in e.g. 5.1 is pretty and clear.

https://wiki.freebsd.org/ it has a table

https://fasterthanli.me/articles/pin-and-suffering pretty code segment and 'bear' segment separation

https://people.idsia.ch/~juergen/ i don't actually like this web design but it does have a lot of information and it is different

someday, make a single 'gear' page like https://paulstamatiou.com/stuff-i-use/

https://cs.lmu.edu/~ray/notes/pltypes/ dont love it. but it's pretty good

http://www.nullspace.io/ http://blog.nullspace.io/

https://homes.cs.washington.edu/~mernst/ sidebar

http://fpgacpu.ca/stack/index.html (and the rest of that website too) i really like this one. Really easy to read, loads really fast. i like the lines under the headings.

https://scattered-thoughts.net/

https://brunosutic.com/

https://www.mcmaster.com/

https://mukulrathi.com/about-me

https://designsystem.digital.gov/ https://news.ycombinator.com/item?id=30844002 https://designsystem.digital.gov/design-tokens/color/overview/

https://arielroffe.quest/

https://wooo.sh/

https://lipanski.com/posts/smallest-docker-image-static-website

i should look thru this list of cool webdesign ideas: https://brainbaking.com/post/2022/04/cool-things-people-do-with-their-blogs/ https://lobste.rs/s/h9dybw/cool_things_people_do_with_their_blogs

most of the pages on https://www.baseball-reference.com/

https://www.mcmaster.com/

https://int10h.org/oldschool-pc-fonts/

https://web.archive.org/web/20221113184022/https://upbase.io/

https://www.brendangregg.com/linuxperf.html -- i particularly like the HTML image map on the upper right (and the fact that there is sidebar, although i would like the sidebar better if it were hierarchical)