Convert an Image to Grayscale with ImageMagick
A few years ago I bought a DSLR camera with a bunch of filter effects built in and it's been worth every penny. I took some incredible photos in London, Paris, and Jamaica, and tooks some really special photos of my son during his first few years. And many of my favorite photos were taken with grayscale filter but some I took in color and badly wanted them in grayscale. Of course I can use Photoshop to convert the image to grayscale but that's too much work. I have ImageMagick -- why not use the shell to very quickly convert it to grayscale?
Converting the image to grayscale with ImageMagick is simple:
convert my-image.jpg -colorspace Gray my-image-gray.jpg
The command is self-explanatory and executes in milliseconds. And since Photoshop takes a few seconds to start and I have to do the work manually, ImageMagick makes everything so much easier.
![Create a CSS Cube]()
CSS cubes really showcase what CSS has become over the years, evolving from simple color and dimension directives to a language capable of creating deep, creative visuals. Add animation and you've got something really neat. Unfortunately each CSS cube tutorial I've read is a bit...
![LightFace: Facebook Lightbox for MooTools]()
One of the web components I've always loved has been Facebook's modal dialog. This "lightbox" isn't like others: no dark overlay, no obnoxious animating to size, and it doesn't try to do "too much." With Facebook's dialog in mind, I've created LightFace: a Facebook lightbox...
![9 Incredible CodePen Demos]()
CodePen is a treasure trove of incredible demos harnessing the power of client side languages. The client side is always limited by what browsers provide us but the creativity and cleverness of developers always pushes the boundaries of what we think the front end can do. Thanks to CSS...
![JavaScript Copy to Clipboard]()
"Copy to clipboard" functionality is something we all use dozens of times daily but the client side API around it has always been lacking; some older APIs and browser implementations required a scary "are you sure?"-style dialog before the content would be copied to clipboard -- not great for...
How about sepia tones? After all, it’s just like converting to grayscale with a different balance of red, green and blue.