In my free time I play with all kinds of stuff, and I try to write down what I learn on this website. Hopefully you’ll find something interesting!
About The Site’s Style
There’s a sort of style guide with building blocks and patterns used on this site. It not only allows me to quickly see the effect of any changes I make, but also forces me to define and refine the style of what I’m building.
I use the following typefaces from Google Fonts:
I use a few icons here and there. Some are amateurishly created by me, while the rest are taken from the beautiful set at Typicons.
About The Site’s Tech Stack
You can check out the repo where I keep everything: unindented/unindented-metalsmith.
It’s pretty common for me to browse sites on a mobile phone with a crappy connection, and I’m tired of having to wait until a certain site’s fonts finish downloading to read its content. That’s why I’ve decided to load the fonts on this site asynchronously, using the awesome Web Font Loader library. The downside to this approach is that you will see a flash of unstyled text from time to time.
I put all of my vector icons together into a single font file using the Font Custom gem, which relies on the FontForge and ttfautohint libraries to do its thing. The result is not perfect, but it’s good enough for my untrained eye.