Compress CSS with @import statements

I own and run a digital agency called Red Wolf Digital, for the most part my work involves building websites. We use an in-house content management system we call Mercury to build most of the sites we produce for clients. One of the things I’ve been trying to find for some time was a way to automatically minify the CSS used to style these sites.

There are loads of CSS and JavaScript minifiers out there, but I was struggling to find one that would handle @import statements. I’m a great believer in object orientated coding principles and the benefits afforded to you by breaking large, monolithic entities into smaller more manageable chunks. Something that was kept in mind whilst designing and developing Mercury, which of course, makes full use of CSS @import rules. The lack of a minifier that will handle this has prompted me to write a small script to do it for me, I include it here should anyone happen across it and get some use from it.

Arguments about design in iOS

ios7

It's been five days since Apple unveiled the designs for iOS7. Since then there's been a slew of articles about the design of the system; the look, the feel, the shift away from skeuomorphism and the flat-ish approach they've taken to interface design.

There have been lots of heated arguments on twitter and blogs, for and against the changes. Pro-change articles, critical articles, rebuttals, rebuttals of those and rebuttals of the rebuttals. What's become very evident to me is: most people are arguing over the wrong thing. They're arguing about the colours, or the icons (most of which are terrible), or the flattened look, or the gradients… the things that aren't really what makes up an operating system. It's the veneer on top and it'll catch up.

Ranking results in a site search

In the majority of cases farming out your search needs to a company like Google is a good idea. Simply using the site:[url] command is generally sufficient for most cases.

You get a range of benefits from outsourcing things to an external entity:

That said, there's certain cases when farming out your search to an external provider is perhaps not what you want. You may require that only a sub-set of data appearing on your website need be searchable; you may have short lifetime data that you want to make searchable; you want to have a complex search mechanism; or you might have the requirement of ranking search results in a unique, pre-defined manner.

What Will the Next Generation of Devices Offer?

We all have a smart phone. A tablet. A laptop. A plethora of different interconnected devices that allow us to share, create and consume things 24 hours a day. But what has the future to offer us?

Go back as little as 10 years and the outlook is quite bleak. There are devices capable of picking up your emails on the go, downloading and displaying webpages, albeit the now long forgotten WAP ones. The technology is there but the thing most lacking is access to affordable data plans to allow us to get at those things.

The Transparent Revolution

Whenever the rumour mill starts churning out some fantastical ideas about what the next new (usually Apple) product is going to do (cf. unicorns), it's usually joined by a slew of "concept" designs for said products.

Transparent iPhone

Fun as this may all be, there's something that always annoys me about the whole thing; why are a good portion of these conceptual devices semi- or completely transparent? What is it about the types of people that create these concepts that make them think a transparent device would be product design Nirvana?