February 2017



Live Project

Spectral by HTML5 UP html5up.net | @ajlkn Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)

A big, modern, blocky affair with a mobile-style menu, fully responsive styling, and an assortment of pre-styled elements. So, pretty much what you were expecting -- except, of course, for how it's put together, specifically:

  • It's built on Skel 3*, a leaner, more modular rewrite of my responsive framework.

    (* = still in development as of this writing)

  • It uses flexbox*, which eliminates all kinds of terrible hacks and clunky layout stopgaps (like CSS grid systems).

    (* = not supported on IE8/9, but non-flexbox fallbacks are included)

  • It uses Sass* a lot more intelligently, thanks in part to several new mixins and functions I've been working on (as well as a few by @HugoGiraudel).

    (* = still entirely optional if you prefer vanilla CSS :)

  • A ton of other stuff.

In short, Spectral's the culmination of several new things I'm working on/trying out, so please, let me know what you think :)

Demo images* courtesy of Unsplash, a radtastic collection of CC0 (public domain) images you can use for pretty much whatever.

(* = not included)

AJ aj@lkn.io | @ajlkn


Demo Images:
    Unsplash (unsplash.com)

    Font Awesome (fortawesome.github.com/Font-Awesome)

    jQuery (jquery.com)
    html5shiv.js (@afarkas @jdalton @jon_neal @rem)
    background-size polyfill (github.com/louisremi)
    Misc. Sass functions (@HugoGiraudel)
    Respond.js (j.mp/respondjs)
    Skel (skel.io)