markjgsmith

2020/12/24 #

cat << EOF > Web design that focusses on text content is the best

I love text focussed website. There are no annoying consent forms, paywalls or popups. The reading experience is the best. If there is an ad it’s usually relevant and unobtrusive. They load extremely fast, and are great for technical content.

The best ones:

  • Load extremely fast, and are readable immediately
  • Have a font that is well balanced and easy to read
  • Have spacing between paragraphs, images and lists that looks nice
  • Don’t re-render several times as javascript loads and fonts get swapped out
  • Render really well on mobile devices without needing to zoom or pan the screen
  • Render on mobile devices in such a way that the text takes up the entire screen with just a small margin at the edges
  • Have the right font size that is easy to read
  • Content layout that resizes correctly if you do need to zoom
  • Have regular text that is visibly distinct from hyperlinked text
  • Have tag or category pages making it easy to find other content
  • Have easily findable links to information about the author

There are some big publications that have these types of websites but lots of smaller sites too. They aren’t always perfect, but that’s okay. It’s actually quite difficult to successfully create such a simple design. I do my best with my blog but I know the reading experience could be improved, perhaps with a different font.

Anyway I’m going to keep an updated list here of such sites that I really enjoyed reading:

Sexy design is great, but I find purely text sites refreshing these days. #

Today’s links:

  • 🚀 Web design that focusses on text content is the best - I have realised recently how much I like web design where the focus is on the text content, even if it’s really simple design, it doesn’t matter as long as some of the points I cover are implemented, the site is pleasurable to readblog.markjgsmith.com #

  • Five easy ways for Elon Musk to combine his companies into a superconglomerate -Quite a lot of wild fantasy theorising in this fun piecewww.theverge.com #

  • Build a static site generator in 40 lines with Node.js - Great writeup that’s given me lots of ideas about how to improve my linkblog static site generator, showing which modules to use so as to support globbing, markdown, and frontmatter to create a static site with minimal codewww.webdevdrops.com #

For enquiries about my consulting, development, training and writing services, aswell as sponsorship opportunities contact me directly via email. More details about me here.