Convert Photoshop Drop Shadows to CSS3 Box and Text Shadows Web Tool

Featured

Posted on by

I’ve been thinking about this tool for a long time.  I’ve needed it in my own web development for a long time.  And after stumbling across this article that explains how the author created a mixin for Compass that allows you to take settings from a Photoshop drop shadow and apply them straight into CSS3 box shadows, I figured it was about time to write my own tool.

I don’t mind SASS but generally, I don’t write my CSS with a pre-processor.  So I wanted something that would just take simple Photoshop settings and convert them into CSS3 box shadows.

It was also an excellent opportunity to practice more with jQuery and dust off my trigonometry skills.  Hope all of my fellow web designers out there find this as useful as I have.  Enjoy!

» Check out the Convert Photoshop Drop Shadows to CSS3 Box and Text Shadows Web Tool «

Twitget, a svelte Twitter plugin for WordPress

Posted on by

I’ve been looking for a customizable Twitter plugin for WordPress (that actually works as well as it says it does) and I finally found one yesterday!  Twitget allows you to show your Twitter feed as a widget, customize what you want it to display, allows you to define your own HTML output for it and even uses the new Twitter 1.1 API.  Really easy to set up and I highly recommend it to anyone who’s been looking for a solid Twitter plugin.