Constructivism Ghost Theme

Developed to create a portfolio website. This theme for Ghost blogging platform is awesomely personal, responsive and open-source. Demo & Download This theme is currently working used on this blog and you get the tarball file here! Installation The theme works with Ghost 0.7.4 or newer. You also...

SCSS Style Guide

Be consistant with indentation (two-space tab) Be consistant about where spaces before (2) /after(1) go One selector per line, One rule per line List related properties together Have a plan for class name naming Don't use ID's #hotdrama Be Generous With Comments Variablize All Colors Formatting Rules .formatting-rules { @extend...

Simple grid with Sass & Flexbox

A simple and quick guide to create a grid system. I like the idea of grids-on-demand, rather than a strict framework -no matter how simple-. So I started thinking (with my buddy Nico Gonzalvez) about writing some reusable code that suits almost every css styled project. Introducing Sass As they...

CSS Proportional Resizable Boxes

In this article I will explain how to define boxes of variable size but preserve the aspect ratio (without using JavaScript). A while ago I had the need to create a grid with multiple square boxes that suit different resolutions. The first option that came to mind was to use...