New website designtags: programming - webdesign
While in the process of updating my publications I realised that the layout I of my website was very much outdated. It’s amazing what a counts as “good enough” after several hours of tedious work.
It was time to renew the theme then!
Originality is tough in the modern age, as everything has been done by someone, somewhere. Together with the lack of any artistic inclination, I was more than happy with getting inspired from other sources. Throughout my internet travels I came across several websites which have been particularly nice on the eyes, such as this one or this other one. They have been duly saved as latter sources of inspiration.
However, while the basic layout was decided, several improvements to the actual code were
needed. I was unhappy with the
<div>-heavy layouts of the past and switched the site to
a simpler, cleaner
flexbox layout (at least until
css-grid gets commonplace). Some
changes were made to the responsiveness of the website, to cover all the use cases.
I was also unhappy with using an icon-based font like Font Awesome
or Academicons. They are great for many things,
but loading tens of glyphs in order to display the site is not the fastest. Instead, I
used Icomoon’s web app to select the exact icons needed, then
download them as
svg. They were imported from a separate file, weighing in at 10 kb and
with the added benefit of being cache-able by the browser.