1
0
Fork 1
mirror of https://github.com/wezm/wezm.net.git synced 2024-12-26 05:59:54 +00:00
wezm.net/v2/content/posts/2020/new-design.md

57 lines
2.8 KiB
Markdown
Raw Normal View History

2020-01-27 06:53:47 +00:00
+++
title = "New Design 2020"
date = 2020-01-27T15:42:29+11:00
# [extra]
# updated = 2019-07-01T22:40:53+10:00
+++
It's been more than 10 years since I started working on [the previous design]
2020-02-07 04:48:56 +00:00
for this website 😅. This feels like a good point to come up with a new one!
2020-01-27 06:53:47 +00:00
<!-- more -->
The previous design served me well. The uncluttered design focussed on text was
fast and responsive. It saw the introduction of new devices like iPad and a
gradual increase in mobile display size without needing updating. The new
2020-01-28 21:38:06 +00:00
design aims to retain these features while giving it a lighter, more modern
feel.
2020-01-27 06:53:47 +00:00
Inspired by [Chris Krycho] and [Shaun Inman] I've taken to versioning the
website instead of attempting to port all the existing content over to the new
2020-01-28 21:38:06 +00:00
technology. This makes the redesign more of a clean slate and leaves old posts
2020-01-27 06:53:47 +00:00
appearing how the did when originally posted. The new site is hosted under the
`/v2/` prefix. This allows all existing pages to stay where they are and
2020-01-28 21:38:06 +00:00
retains the `www.wezm.net` domain. Compared to using a sub-domain it doesn't
mess with DNS or search ranking. I have put redirects in place to direct the
RSS feeds from the previous version to the new feed.
The new design uses the [Manrope] variable font for all text. Variable fonts
are a fairly recent addition to the web platform but they have good support
from fairly recent versions of all modern browsers and operating systems. On
older browsers/operating systems the layout will fall back to a sans-serif font.
Webfonts generally come with a non-trivial download cost. However, Manrope is
108kB and being a variable font that includes all weights between 200 and 800,
as well as italic!
2020-01-27 06:53:47 +00:00
2020-01-28 21:38:06 +00:00
Technology wise, the previous site was built with [Nanoc], a Ruby static site
compiler. I've been very happy with Nanoc over the years but as my programming
interests have shifted away from Ruby to Rust I've wanted to try a Rust static
site compiler. I'm now using [Zola]. Zola is perhaps not quite as flexible as
Nanoc but I've been able to achieve everything I wanted to with it. It's super
fast and has nice conveniences like live-reload when editing content. Being a
single file native binary also makes installation a breeze — no need to juggle
Ruby versions or install gems.
Finally, I've now made [the repository][repo] that the site is generated from
public. This is to allow others to see how the site is built and permit
corrections/fixes via issue or pull request.
2020-01-27 06:53:47 +00:00
[Chris Krycho]: https://v4.chriskrycho.com/2019/my-final-round-of-url-rewrites-ever.html
[Shaun Inman]: https://web.archive.org/web/20160422175043/http://shauninman.com/archive/2006/12/04/the_original_heap
[Nanoc]: https://nanoc.ws/
[the previous design]: https://www.wezm.net/technical/2010/07/new-design/
[Manrope]: https://manropefont.com/
[Zola]: https://www.getzola.org/
[repo]: https://github.com/wezm/wezm.net