Mark Clifton portfolio website
Source code for mark-clifton.com
- Middleman static site framework.
- Layout customization using Middleman frontmatter variables.
- Separate Gulp tasks called both during and after build, using Middleman’s
- CSS manipulation of inline SVG.
- Asynchronous loading of Typekit fonts reduces page render time (at the expense of a brief FOUC on some browsers).
- OpenType alternate character styles create typographical variety from a small number of web fonts.
- Aggressive image optimization, lazy loading, and inlining of dependencies yield Google PageSpeed scores in the 90s for all pages, even portfolio pages with several MB of image assets.