notes-computer-webdesign-webdesignsILike

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

http://gemini.com

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

---