* (less dot less)

{less.less}

{less.less}* is mix between Less Framework 4 and LESS. I also added the very usefull FitText and the great Lettering.js to the package
I often start a website with the same basis ; I want it to web responsive, I want to use LESS and the jQuery library.
Once you get use to LESS, you can't really work without ;) So I made myself a template in order to start projects quickly, skip a bit of technics and more focus on the creative/artistic side. Of course each website is different so that's why my template only bring a simple skeleton. Then I decided I should share it !
The principle is simple. It takes CSS definitions from Less Framework and put it in variables. Less Framework is an adaptive grid with 3 (252px), 5 (436px), 8 (712px) or 10 (896px) columns, depending of your device.
With less.less, you just to tell how many columns you want : for instance : "nb = 3" or "nb = 8". Then LESS do the job to calculate the width of your page.
{less.less} also plays a bit with the great color syntax of LESS. You define one color, and all the website is automatically colorized (links, hovers, texts, backgrounds). It's just a way to have a quick overview of your page. Of course any color can be added - just refer to the LESS documentation.
"Less Framework is a CSS grid system for designing adaptive websites. It contains 4 layouts and 3 sets of typography presets, all based on a single grid."
"LESS, a dynamic stylesheet language, extends CSS with dynamic behavior such as variables, mixins, operations and functions."
"FitText makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element."
"Lettering.js is a jQuery plugin that offers complete down-to-the-letter control."