Development tools

What´s that…

I love creating tools to speed up productivity! Find here some examples.

Set of buttons…

In one of my last projects I´ve been playing around with sprites, SASS and ie7, to create an easy to use set of buttons with hover, pressed and disabled states.

Nowadays what rocks is doing everything in CSS3, but depending on the browsers you need to support, unfortunately you cannot afford that...

Grid overlay for Less Framework…

I've been using Less Framework 4 to redisign my site, so I could use media queries.

I found helpfull the script they use in 960 Grid System: 960 Gridder in some sites I've worked in, so I decided to create something similar, and share it in case someone else has that same need.

I've defined the same width and separation than Joni Korpi uses in his framework, but feel free to do any modifications you need to this plugin.

An easy way to generate CSS Sprites

Someone at work came to me asking if there was a clever way to create sprites, to help the markup guy finding the coordinates of all the images in a large sprite.

And everytime the designer was updating the sprite he had to verify if all the images were still in place.

So I asked Ivan Montes if he could help me out creating a script to allocate image positions

His answer was better than expected: "I've already done that, and there´s a guy who took my script to create a Photoshop plugin".

I couldn´t believe how lucky I was, so I went here to download the plugin from Richard Dare. It was originaly build to create atlas textures, but with some minor changes it worked great for generating css files!