This is a work-in-progress attempt to create a rapid prototyping and comping tool with Jekyll. Made by Seth Warburton to enable (his own) rapid in-browser design, from wireframes and hi-fidelity mockups right through to production html and css. Nice.
Crucially, it allows me to present the design direction of specific site elements without the surrounding context, and distraction, of ‘a web design’. Hopefully this will…
…help form a common visual language between the designers and the stakeholders and provide a catalyst for discussions around the preferences and goals of the client. Samantha Warren
Mmmmm Sassy
It includes some neat things like my Sass interpretation of Samantha Warren’s Style Tiles, Element Collages inspired by an article from Dan Mall http://danielmall.com/articles/rif-element-collages/, which I was turned on to by Chris Allwood , and some other patterns that allow you to quickly get past the fundamentals of a site design. It also includes a customised version of my own Sass framework, oneweb-sass though it’s super-simple to rip out my Sass and replace it with your own. Whatever floats your boat.
Items of note:
- Fully awesomised™ Jekyll build. Sweet.
- Github pages friendly. Clone > tweak > push > view.
- A re-usable modular code-base.
- YAML content; set once, use everywhere.
- Style tiles.
- Sassy colour manipulation tools.
- A typography test page.
- oneweb sass.
- Minified html output (optional).
- Responsive everything. Naturally.
You can find the source code for it at: Github. To run locally you just need to fire up terminal and enter:
jekyll serve --watch --baseurl