An album that I’ve been anticipating for quite some time is Storm Corrosion: a collaborative project between Mikael Åkerfeldt from Opeth and Steven Wilson from Porcupine Tree. It was released in the UK on Monday 7 May.
I loved the last Porcupine Tree album, The Incident; the last Opeth album, Heritage, has been a grower; I enjoyed Steven Wilson’s second solo album Grace for Drowning. I knew that this album wouldn’t sound like any of these.
In an interview with Steven Wilson about the record he said
“If anything, it’s even more orchestral, more stripped down, even more dark, twisted and melancholy… but it certainly feels like it comes from the same place as Heritage and Grace For Drowning, which indeed it does because it was written during the same period. We were, in a way, egging each other on to do those particular records but also at the same time coming up with the music that’s now going to be on Storm Corrosion. So it’s a very orchestral record, as you’d expect, the songs are quite long and develop in unusual ways. I’m realistic about it, that half the people are going to hate it and half the people are going to fall in love with it. I’d be happy with that anyway.”
The album is dark and atmospheric and beautiful and odd and unexpected and it has the feel of a 1960s soundtrack (which is perhaps why I like the video to Drag Ropes so much). In many ways it reminds me of Richard Thompson‘s 1997 collaboration Industry with bassist Danny Thompson (no relation).
This afternoon, after a couple of hours of poking and prodding various pieces of software, I worked out how to compile Twitter Bootstrap 2.0 using SimpLESS. This is what I’ve discovered so far…
Having been an avid user of the Blueprint CSS framework for a number of years now (I created what has become quite a popular cheatsheet for the framework, which even got released with the Joomla! CMS a few versions back) I am aware of its limitations, particularly in the area of responsive web design.
Twitter Bootstrap reached version 2.0.0 in late January of this year; the current version is 2.0.3 (released 24 April 2012). I downloaded it last week and have spent a couple of days idly playing around with it. with a view to using it on a future web project.
One thing that I was uncertain about, however, was how to use the LESS files.
When it comes to CSS pre-processors, such as LESS and Sass, I’m a bit late to the party. What can I say, I’ve got twins and a 16 month old and I still don’t get enough sleep.
Sass claims that it “makes CSS fun again”; LESS that it “extends CSS with dynamic behavior such as variables, mixins, operations and functions.” Chris Coyier prefers SASS. Bootstrap from Twitter uses LESS so I guess, for now, I’m going with LESS.
These days, however, there are a number of standalone desktop applications that allow you to compile LESS code without needing to poke around with command-line commands. One of my favourites is SimpLESS from We Are Kiss.
SimpLESS is available for Windows, Linux and Mac. It installs as a very simple application onto which you drag-and-drop your directory/folder containing the .less files, click a button and it convert your LESS files to CSS. It’s just a shame that you can’t batch process all the files, a feature that WinLess offers.
By default, if your directory structure includes a \less directory and a \css directory then SimpLESS will compile all your .less files into .css files within the \css directory. Sounds simple enough. No faffing, and you get a very usable CSS file at the end of it all.
Also by default SimpLESS will compress/minify your CSS files unless you include //simpless:!minify in the .less file. I include it at the top of the file.
Bootstrap from Twitter
Twitter Bootstrap 2.0 uses LESS. It has a directory full of LESS files that control every aspect of the framework: accordion, alerts, breadcrumbs, button-groups, buttons, carousel, forms, layouts, etc.
So, if you want 16 columns instead of 12 edit the @gridColumns, @gridColumnWidth and @gridGutterWidth variables within variables.less and recompile. That’s how customisable the framework is.
Except… when I did that I and I used SimpLESS to compile the LESS file I got an error: