Developer Roundup - Tools I'm Lovin'




March 11, 2013


Our Thinking

It's been over a year since the last time I shared my favorite design and development resources. With so many awesome new tools out there, I think it's time for an encore. These are some of the design and development tools that have been getting heavy use around here at i.d.e.a. So give them a try and speed up your workflow a bit.
1. IconMoon
[[{"type":"media","view_mode":"media_large","fid":"134","attributes":{"class":"media-image alignnone size-full wp-image-19356","typeof":"foaf:Image","style":"","width":"560","height":"200","alt":"IconMoon"}}]]

This amazing, simple to use app lets you build custom font icon sets for your web projects. You can use the built in free icon sets or purchase icon packs that come with all the file types you could possibly want, for use on the web and off.

2. Fake images please?

When wire framing and beginning development, you don't always have approved images to work with. In comes this great little open source project. Just drop in an image tag or a CSS background and point the source to their site with your specified variables for size, color and even text.

3. CSS3Ps
[[{"type":"media","view_mode":"media_large","fid":"135","attributes":{"class":"media-image alignnone size-full wp-image-19354","typeof":"foaf:Image","style":"","width":"560","height":"200","alt":"CSS3Ps"}}]]

Ever wish you could just hit a button and get the CSS for your styled out photoshop element? Well with CSS3Ps, you can do just that. This Photoshop plugin will work its magic on most of your favorite CSS3 features. It can also output your code in SCSS or SASS, which is awesome!

4. Demonstrating Responsive Design
[[{"type":"media","view_mode":"media_large","fid":"136","attributes":{"class":"media-image alignnone size-full wp-image-19355","typeof":"foaf:Image","style":"","width":"560","height":"200","alt":"Demonstrating-Responsive-Design"}}]]

This simple tool developed by Jamie Reynolds gives you a quick way to show Brand Partners what responsive design looks like across different devices. You can type in any URL you want and easily show the benefits of responsive design.


5. WP Function Me and WP Fill Me
[[{"type":"media","view_mode":"media_large","fid":"137","attributes":{"class":"media-image alignnone size-full wp-image-19357","typeof":"foaf:Image","style":"","width":"560","height":"200","alt":"WP-Me"}}]]

Designed and built by Merlin Mason, these two sites provide some very helpful WordPress tools. WP Function Me provides a list of code snippets that you can drop in your functions.php file to add some very helpful functionality, styling, performance and security features. WP Fill Me is a tool for creating filler content specifically in the WordPress environment. It is perfect for getting all your possible CSS styles built into your posts and pages.

Website: and

Add new comment