An article I was reading about photoshop

class=”alignleft size-full wp-image-31820″ title=”thumb” src=”http://netdna.webdesignerdepot.com/uploads/2012/04/thumb.jpg” alt=”whats new for designers april 2012″ width=”200″ height=”160″ />The April edition of what’s new for web designers and developers includes new web apps, jQuery plugins, blogging platforms, coding resources, productivity and business tools, responsive design resources, and some really great new fonts.

Many of the resources below are free or very low cost, and are sure to be useful to a lot of designers and developers out there.

As always, if we’ve missed something you think should have been included, please let us know in the comments.

And if you have an app or other resource you’d like to see included next month, tweet it to href=”http://twitter.com/cameron_chapman”>@cameron_chapman for consideration. id=”more-31817″>

Story Wheel

href=”http://storywheel.cc/”>Story Wheel is a new app that lets you take your Instagram photos and tell the story behind them. Just connect it to your Instagram account, then record your story, and create a nostalgic slideshow you can share with the world.

href=”http://storywheel.cc/”> src=”http://netdna.webdesignerdepot.com/uploads6/newapps-4-12/storywheel.jpg” alt=”" />

class=”spacer_” />

TriggerApp

href=”http://www.triggerapp.com/”>TriggerApp is a project, team, and client management app that includes invoicing. It’s cloud based and powerful, yet incredibly easy to use.

href=”http://www.triggerapp.com/”> class=”image-border” src=”http://netdna.webdesignerdepot.com/uploads6/newapps-4-12/triggerapp.jpg” alt=”" />

class=”spacer_” />

Anchor CMS

href=”http://anchorcms.com/”>Anchor CMS is a PHP5-based content management system created specifically for art-directed blogging. It has a powerful but simple theming engine, an uncluttered admin interface, and is completely free.

href=”http://anchorcms.com/”> class=”image-border” src=”http://netdna.webdesignerdepot.com/uploads6/newapps-4-12/anchorcms.jpg” alt=”" />

class=”spacer_” />

Ingrid

href=”http://piira.se/projects/ingrid/”>Ingrid is a fluid, lightweight CSS layout system that makes it easier to design re-flowing responsive layouts. It’s extendable and easy to implement, and doesn’t get in the way of your creativity.

href=”http://piira.se/projects/ingrid/”> src=”http://netdna.webdesignerdepot.com/uploads6/newapps-4-12/ingrid.jpg” alt=”" />

class=”spacer_” />

Instagram for Android

href=”http://instagr.am/android/”>Instagram has long been available for iOS, and it’s definitely among the top apps Android users seemed to want their own version of. Now it’s here: Instagram for Android. It’s a fast and fun way to share your photos. Just take a picture, choose a filter, and then post to Instagram (you can share to Facebook, Twitter, and Tumblr, too).

href=”http://instagr.am/android/”> src=”http://netdna.webdesignerdepot.com/uploads6/newapps-4-12/instagram.jpg” alt=”" />

class=”spacer_” />

15Five

href=”http://15five.com/”>15Five is a web app that makes it easy for upper-level management to keep track of what their employees are doing, without being obtrusive. Employees just take 15 minutes at the end of each week to write a report that can be read in 5 minutes. The reports can then be condensed into a single report for the CEO (or other top-level managers).

href=”http://15five.com/”> src=”http://netdna.webdesignerdepot.com/uploads6/newapps-4-12/15five.jpg” alt=”" />

class=”spacer_” />

Billable

href=”http://billable.me/”>Billable is probably the easiest to use invoicing app on the market. Just edit the invoice that appears on the screen when you load the page, and then either save it (you can only save the current invoice, from what I gathered), export it as a PDF, or print it.

href=”http://billable.me/”> src=”http://netdna.webdesignerdepot.com/uploads6/newapps-4-12/billable.jpg” alt=”" />

class=”spacer_” />

Invoicebus

href=”https://invoicebus.com/”>Invoicebus is an easy to use app that lets you create invoices and quotes via a WYSIWYG editor. It supports all currencies and partial payments, lets you email docs or save them as PDFs, send payment reminders and get alerts when a client views a document you sent, and more. There’s a free plan that allows up to 3 clients, or paid plans for more.

href=”https://invoicebus.com/”> src=”http://netdna.webdesignerdepot.com/uploads6/newapps-4-12/invoicebus.jpg” alt=”" />

class=”spacer_” />

Wookmark jQuery Plugin

href=”http://www.wookmark.com/jquery-plugin”>Wookmark is a jQuery plugin for creating dynamic column grid layouts that automatically rearrange based on the browser’s viewport. Just download the JS file, include it on your site (along with jQuery), and run it on your content. From there, you can adjust the container, offset, and itemWidth.

href=”http://www.wookmark.com/jquery-plugin”> class=”image-border” src=”http://netdna.webdesignerdepot.com/uploads6/newapps-4-12/wookmark.jpg” alt=”" />

class=”spacer_” />

Adipoli jQuery Image Hover Plugin

href=”http://jobyj.in/adipoli/”>Adipoli is a simple jQuery plugin that gives you a variety of transitions for hovering over images. There are more than 20 transitions available, including grayscale to color, popouts, and many more!

href=”http://jobyj.in/adipoli/”> class=”image-border” src=”http://netdna.webdesignerdepot.com/uploads6/newapps-4-12/adipoli.jpg” alt=”" />

class=”spacer_” />

Backstretch

href=”http://srobbin.com/jquery-plugins/backstretch/”>Backstretch is a jQuery plugin for adding a dynamically resized background image to your pages. It resizes as the browser viewport changes, making it ideal for responsive designs.

href=”http://srobbin.com/jquery-plugins/backstretch/”> src=”http://netdna.webdesignerdepot.com/uploads6/newapps-4-12/backstretch.jpg” alt=”" />

class=”spacer_” />

PageScroller

href=”http://pagescroller.com/”>PageScroller lets you add animated page targets to your website for smooth scrolling between content. You can choose to have left or right side nav, top nav, and next and previous buttons, and it comes with eight elegant skins!

href=”http://pagescroller.com/”> class=”image-border” src=”http://netdna.webdesignerdepot.com/uploads6/newapps-4-12/pagescroller.jpg” alt=”" />

class=”spacer_” />

Rhinoslider

href=”http://rhinoslider.com/”>Rhinoslider is a flexible jQuery slider/slideshow plugin. It offers multiple effects, each of which can be applied to run in different directions. New effects can be created by adjusting the settings of existing effects.

href=”http://rhinoslider.com/”> class=”image-border” src=”http://netdna.webdesignerdepot.com/uploads6/newapps-4-12/rhinoslider.jpg” alt=”" />

class=”spacer_” />

CSS3 Responsive Slider

href=”http://csscience.com/responsiveslidercss3/”>CSS3 Responsive Slider is an image slider/carousel that resizes automatically based on the browser viewport, all without JavaScript! It works in Firefox, Chrome, Opera, and Safari, with partial support in IE9.

href=”http://csscience.com/responsiveslidercss3/”> src=”http://netdna.webdesignerdepot.com/uploads6/newapps-4-12/css3responsiveslider.jpg” alt=”" />

class=”spacer_” />

Fontomas

href=”http://nodeca.github.com/fontomas/”>Fontomas is an icon font generator that makes it easy to create a font that only contains the icons you want to use. Just select your icons, rearrange them, and then save. You can even load fonts (SVG/Cufon) from your own computer.

href=”http://nodeca.github.com/fontomas/”> class=”image-border” src=”http://netdna.webdesignerdepot.com/uploads6/newapps-4-12/fontomas.jpg” alt=”" />

class=”spacer_” />

Intype

href=”http://inotai.com/intype/”>Intype is a text editor for Windows that offers advanced editing features like smart column selection, snippets, and multi-selection. Extension bundles let you add snippets, themes, or even language grammars (there are several already supported, including HTML, JavaScript, CSS, PHP, Ruby, and more).

href=”http://inotai.com/intype/”> class=”image-border” src=”http://netdna.webdesignerdepot.com/uploads6/newapps-4-12/intype.jpg” alt=”" />

class=”spacer_” />

SearchMeme

href=”http://www.egrappler.com/jquery-plugin-for-on-demand-search-box-seacrhmeme/”>SearchMeme is a free jQuery plugin that generates a small search button that expands into a text box when clicked on. Place it in your sidebar, your header, or anywhere else on your site.

href=”http://www.egrappler.com/jquery-plugin-for-on-demand-search-box-seacrhmeme/”> class=”image-border” src=”http://netdna.webdesignerdepot.com/uploads6/newapps-4-12/searchmeme.jpg” alt=”" />

class=”spacer_” />

SnipSave

href=”http://snipsave.com/”>SnipSave lets you create an account and save code snippets from anywhere. You can then edit or delete those code snippets from the easy-to-use interface.

href=”http://snipsave.com/”> src=”http://netdna.webdesignerdepot.com/uploads6/newapps-4-12/snipsave.jpg” alt=”" />

class=”spacer_” />

Akordeon

href=”http://www.egrappler.com/a-stylo-modern-jquery-accordion-akordeon/”>Akordeon is a free, lightweight jQuery plugin for creating accordion layouts. It’s fully customizable and can display large chunks of content in a limited space.

href=”http://www.egrappler.com/a-stylo-modern-jquery-accordion-akordeon/”> src=”http://netdna.webdesignerdepot.com/uploads6/newapps-4-12/akordeon.jpg” alt=”" />

class=”spacer_” />

Morris.js

href=”http://oesmith.github.com/morris.js/”>Morris.js is a lightweight library that makes it easy to draw time-series graphs that actually look good, using jQuery and Raphael.

href=”http://oesmith.github.com/morris.js/”> class=”image-border” src=”http://netdna.webdesignerdepot.com/uploads6/newapps-4-12/morrisjs.jpg” alt=”" />

class=”spacer_” />

Via.Me

href=”http://via.me/”>Via.Me is a new way to share photos, videos, stories, and sounds. There’s a web interface as well as an iOS app, and you can sign up with Facebook or Twitter.

href=”http://via.me/”> class=”image-border” src=”http://netdna.webdesignerdepot.com/uploads6/newapps-4-12/viame.jpg” alt=”" />

class=”spacer_” />

Noty

href=”http://needim.github.com/noty/”>Noty is a jQuery plugin for creating alternative alert and other notification messages (such as success, error, and confirmation). Notifications can be placed in a variety of areas, and the API allows you to customize the text, animation, speed, buttons, and more.

href=”http://needim.github.com/noty/”> src=”http://netdna.webdesignerdepot.com/uploads6/newapps-4-12/noty.jpg” alt=”" />

class=”spacer_” />

PSDCovers

With href=”http://www.psdcovers.com/”>PSDCovers, you can create 3D product mockups in Photoshop using your 2D designs. You just choose and download the product shot you want to use, locate the appropriate Action, run “Step 1″ to create a template, position and scale your 2D design on that template, and then run “Step 2″ to generate the 3D result.

href=”http://www.psdcovers.com/”> src=”http://netdna.webdesignerdepot.com/uploads6/newapps-4-12/psdcovers.jpg” alt=”" />

class=”spacer_” />

Comcure

href=”http://comcure.com/”>Comcure offers forever free backups for your website. Just set up the automatic backups, and then forget about it. Comcure will run backups according to schedule, and will email you if there’s ever an issue. It even backs up your MySQL databases, and your backups will be stored at two of their five worldwide datacenters!

href=”http://comcure.com/”> src=”http://netdna.webdesignerdepot.com/uploads6/newapps-4-12/comcure.jpg” alt=”" />

class=”spacer_” />

Slidedeck2

href=”http://www.slidedeck.com/”>Slidedeck2 is a WordPress content slider. It lets you create photo and video galleries, post sliders, social feed sliders (for Google+, Instagram, and Twitter), and more.

href=”http://www.slidedeck.com/”> src=”http://netdna.webdesignerdepot.com/uploads6/newapps-4-12/slidedeck.jpg” alt=”" /> class=”save-timestamp hide-if-no-js button” href=”post.php?post=31817&action=edit#edit_timestamp”>OK

class=”spacer_” />

The Creative Finder

href=”http://thecreativefinder.com/”>The Creative Finder has a new look. And along with it they’ve added more features, including new account types, mobile portfolios, and more.

class=”image-border” src=”http://netdna.webdesignerdepot.com/uploads6/newapps-4-12/thecreativefinder.jpg” alt=”" />

class=”spacer_” />

Breezi

href=”https://breezi.com/”>Breezi is a new website builder that makes it easy to design, edit, and launch beautiful websites in minutes. One of Breezi’s best features, and what sets it apart from most other website builders, is that it has exceptionally well designed templates to get you started. And through the end of April, when you sign up for a new site, you’ll get it free!

href=”https://breezi.com/”> src=”http://netdna.webdesignerdepot.com/uploads6/newapps-4-12/breezi.jpg” alt=”" />

class=”spacer_” />

Twitter Follow Box

href=”http://jobyj.in/twitter-follow-box-widget/”>Twitter Follow Box adds a facebook-like box style widget for Twitter. It’s a simple jQuery plugin, but has enough options to customize the widget to match your site’s design.

href=”http://jobyj.in/twitter-follow-box-widget/”> src=”http://netdna.webdesignerdepot.com/uploads6/newapps-4-12/twitterfollowbox.jpg” alt=”" />

class=”spacer_” />

Nagasaki (free)

href=”http://www.behance.net/gallery/Nagasaki-free-font/3556703″>Nagasaki is a free typeface designed by Sasha Iacob, inspired by the ’57 poster “Hiroshima”, which was designed by Wim Crowell. It’s perfect for posters, flyers, and other pieces where you need a big, bold display font.

href=”http://www.behance.net/gallery/Nagasaki-free-font/3556703″> src=”http://netdna.webdesignerdepot.com/uploads6/newapps-4-12/nagasaki.jpg” alt=”" />

class=”spacer_” />

Sablon Type (free)

href=”http://www.behance.net/gallery/Sablon-Type-Free-font/3486161″>Sablon Type is based on din-bold outlines using the add and subtract circles around the edges. It’s a handmade EPS font that’s licensed for both personal and commercial use.

href=”http://www.behance.net/gallery/Sablon-Type-Free-font/3486161″> class=”image-border” src=”http://netdna.webdesignerdepot.com/uploads6/newapps-4-12/sablontype.jpg” alt=”" />

class=”spacer_” />

Average (free)

href=”http://www.behance.net/gallery/AVERAGE-Free-Google-Web-Font/3392755″>Average is a new, free Google Web Font designed by Eduardo Rodriguez Tunni. It’s a serif font that was created after extensive research into text typeface families from various periods in history.

href=”http://www.behance.net/gallery/AVERAGE-Free-Google-Web-Font/3392755″> class=”image-border” src=”http://netdna.webdesignerdepot.com/uploads6/newapps-4-12/average.jpg” alt=”" />

class=”spacer_” />

Bobber (free)

href=”http://www.behance.net/gallery/Bobber-Typeface/3371595″>Bobber is an alternative slab serif typeface with its own distinct style. The font is available as an .ai archive.

href=”http://www.behance.net/gallery/Bobber-Typeface/3371595″> src=”http://netdna.webdesignerdepot.com/uploads6/newapps-4-12/bobber.jpg” alt=”" />

class=”spacer_” />

Henry (free)

href=”http://www.behance.net/gallery/Henry-free-font/3486527″>Henry is an all-caps, vintage style typeface based on vintage cars and fonts from the 1960s.

href=”http://www.behance.net/gallery/Henry-free-font/3486527″> src=”http://netdna.webdesignerdepot.com/uploads6/newapps-4-12/henry.jpg” alt=”" />

class=”spacer_” />

Silver Fake (free)

href=”http://fontfabric.com/silverfake-free-font/”>Silver Fake is a free slab serif typeface. It’s simultaneously modern and retro, with unique letterforms and some alternatve characters.

href=”http://fontfabric.com/silverfake-free-font/”> src=”http://netdna.webdesignerdepot.com/uploads6/newapps-4-12/silverfake.jpg” alt=”" />

class=”spacer_” />

Hem and Haw ()

href=”http://www.myfonts.com/fonts/stellasfonts/hem-and-haw/”>Hem and Haw is a stitched sans serif display typeface, designed by Ray Larabie for Stella Roberts Fonts. It was rebuilt from the former freeware design “Stitchen”, now with a more complete character set, including punctuation and currency symbols.

href=”http://www.myfonts.com/fonts/stellasfonts/hem-and-haw/”> class=”image-border” src=”http://netdna.webdesignerdepot.com/uploads6/newapps-4-12/hemandhaw.jpg” alt=”" />

class=”spacer_” />

Taco Wagon ()

href=”http://www.myfonts.com/fonts/tension-type/taco-wagon/”>Taco Wagon is a distressed display font inspired by Mexican hand-painted lettering. It includes a separate file for the drop shadow, so that it can be colored independently.

href=”http://www.myfonts.com/fonts/tension-type/taco-wagon/”> src=”http://netdna.webdesignerdepot.com/uploads6/newapps-4-12/tacowagon.jpg” alt=”" />

class=”spacer_” />

Sunset Strip ()

href=”http://marketplace.veer.com/fonts/JBT0001075″>Sunset Strip is a pretty script font designed by Jason Walcott for Jukebox Type. It includes a full collection of characters, including alternates.

href=”http://marketplace.veer.com/fonts/JBT0001075″> src=”http://netdna.webdesignerdepot.com/uploads6/newapps-4-12/sunsetstrip.jpg” alt=”" />

class=”spacer_” />

Sanchez (6)

href=”http://marketplace.veer.com/fonts/UMT0002030″>Sanchez is a slab-serif typeface that strongly resembles Rockwell, except with rounded edges. It includes 12 variants, and is the first display typeface family from Linotype.

href=”http://marketplace.veer.com/fonts/UMT0002030″> src=”http://netdna.webdesignerdepot.com/uploads6/newapps-4-12/sanchez.jpg” alt=”" />

class=”spacer_” />

Sansational (9)

href=”http://marketplace.veer.com/fonts/JBT0001079″>Sansational is a display sans serif typeface that includes six variants. It’s a casual font, with a playful touch, designed by Jason Walcott for Jukebox Type.

href=”http://marketplace.veer.com/fonts/JBT0001079″> class=”image-border” src=”http://netdna.webdesignerdepot.com/uploads6/newapps-4-12/sansational.jpg” alt=”" />

class=”spacer_” />

Written exclusively for WDD by href=”http://cameronchapman.com”>Cameron Chapman.

Know of a new app or resource that should have been included but wasn’t? Let us know in the comments!

/>
width=”100%” style=”border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;” height=”20″>
valign=”center”> href=”http://www.mightydeals.com/deal/iphone-ipad-game-design-kit.html?ref=inwidget”> face=”Arial” size=”3″ color=”#e64f32″>Design and sell your first iPhone game – only ! (reg. 9) width=”90″> href=”http://www.mightydeals.com/?ref=inwidget”> /> src=”http://mightydeals.com/web/images/widget-logo.png” height=”40″ width=”90″ border=”0″ /> />

href=”http://www.webdesignerdepot.com/2012/04/whats-new-for-designers-april-2012/”>Source

Webdesigner Depot