What’s New for Web Designers – Dec. 2010

New apps and websites seem to be appearing on an almost daily basis, but trying to find the good ones among them can be tough, especially considering how many are not that great.

That’s why every month we research and showcase some of the best and latest resources available for web designers.

This month we’ve included nearly 30 new apps, fonts, and other useful (and entertaining) resources for designers from the past few weeks.

As always, if we’ve missed something, let us know in the comments. And if you know of an app you’d like included in the next roundup, please tweet it to @cameron_chapman.

Please feel free to share your views on the products and services that we’re featuring this month, in the comments area below…

 

Draggables

Draggables is a series of video demonstrations that explore the different methods for using drag and drop to directly exchange information between different websites. It was inspired by sites using OAuth, but aims to investigate other conventions that are more transparent.

 

The 1140px CSS Grid System/Framework

We’ve all been designing for 1024px screen widths for awhile. But a lot of people are already using 1280px wide (and wider) screens. There’s a ton of wasted screen real estate there. The 1140px Grid is a fluid grid with a maximum width of 1140px that will scale down all the way to fit a mobile screen.

 

Minus

Minus is a simple website that lets you create image galleries online. Just drag your photos onto the page and it does the rest.

 

Verify

Verify is a new app that lets you collect and analyze user feedback on screenshots and website mockups. It can be used for testing new or existing website designs, and plans start at just $9/month.

 

ColorSchemer Touch

ColorSchemer is a great resource for finding and creating color schemes. And they’ve just released an app for the iPhone/iPod Touch/iPad to give you even more great tools. Included in the app are tools for browsing existing schemes, creating your own from photos, and interacting with the ColourLovers community.

 

Wijmo

Wijmo is a set of thirty UI components and widgets, all in jQuery. Included in the kit are widgets for calendars, various charts, accordions, overlays and shadows, grid and more.

 

Jean-Luc Typeface

The Jean-Luc typeface was created by Atelier Carvalho Bernau as a tribute to filmmaker Jean-Luc Goddard, and is based on the typography used in the credit sequences of his films. The typeface is free, and the licensing terms for it are quite accommodating.

 

MooTune

MooTune is a is a MooTools class for logging events, like errors or AB tests to multiple backends (like Google Analytics, Mixpanel or your own server logs). It’s an alpha release, but looks quite polished so far.

 

Repper

Repper lets you create patterns from any image. Desktop versions are available for Mac, Windows and Linux. You can download a free trial, or the full version is $37. The patterns created can be used in digital or print designs.

 

Capucine

Capucine is a beautiful new typeface that’s suitable for both display or text applications. It was originally designed with newspaper and magazine listings in mind, though it’s transcended those formats to become a truly stunning font that combines the fluidity of brush script with the clean lines of a traditional sans serif font.

 

Who Dribbled?

Who Dribbled? is a fun site that tests your knowledge of the styles of you fellow designers. It shows an image from Dribbble, along with three options for who might have designed the image for you to choose from.

 

Sticky Notes with CSS3

Here’s markup for creating style sticky-notes entirely with CSS3, no images required. The notes can be styled in a variety of ways, and images can be added (for things like logos).

 

Apps Builder

Apps Builder is a new online app that lets you create apps for the iPhone, iPad and Android devices without coding knowledge. Subscriptions are free, though you’ll have to get past the fact that part of the site is in English and part is in Italian.

 

Photovisi

Photovisi is a free online tool for creating photo collages. The have a variety of templates available, a few of which might be suitable for professional designs, though most aren’t. Still, it’s an interesting app.

 

Calligraphic Birds Typeface

This typeface from Intellecta Design consists of calligraphic-style bird glyphs, and is a fantastic option for adding some elegant flair to your designs (I can see using one of these in association with a Twitter link or in place of an icon).

 

Yuletide Doodles Typeface

Here’s another great typeface that consists of doodle characters with a Christmas and wintery theme. They could easily be used in the creation of icons for your website designs.

 

Capsuula

Capsuula is a new sans serif font with an narrow, capsule-like shape. It’s a decidedly modern typeface, designed by Henrich Fichna.

 

Classic Round

Classic Round is a rounded serif font with a classical shape, created by Durotype. It’s suitable for both text and display uses.

 

Wonder Wall

Wonder Wall is a new font from Giuseppe Salerno with a twisted-wire aesthetic. It’s a great display font, with a very decorative look to it.

 

Kroud

Kroud is a free app that lets you create an interactive FAQ page for your website. It lets users post questions and then other users (as well as an admin) can answer those questions, increasing engagement on your site.

 

jQRef

jQRef is a jQuery reference app for iOS. You can browse the entire jQuery library, view detailed information and examples for each property, method, or selector, search, and even favorite items in the app.

 

Face Detection jQuery Plugin

Use this Face Detection plugin to find faces in images on a website. It’s great for photo gallery apps or to use in conjunction with a photo tagging script.

 

BalanceBar for PayPal

Lots of freelancers out there use PayPal to receive payments from their clients. BalanceBar lets you see your PayPal balance right in your OS X 10.6 status bar.

 

Aviary HTML5 Photo Editor

If your visitors can upload photos to your site, why not give them the ability to edit those photos when they upload, rather than forcing them to do so offline (or on another site)? Aviary’s HTML5 photo editor lets you embed a feature-rich photo editing program directly into your website, with tons of options.

 

Sparrow

Sparrow is a new minimalist email app for Macs, made to work with Gmail. It integrates Growl for notifications, and lets you use multiple accounts.

 

Horrible Logos

Horrible Logos is an awesome blog that features truly awful (mostly) logo designs sketched out for $5 apiece ($10 for a high-res version). Their official slogan is “Drawing bad logos for beer money since 2010″. It’s both funny and entertaining.

 

VisitorsCafe

VisitorsCafe lets you integrate video chat into your website, so your visitors can chat with each other while browsing. They have a 24/7 moderation team, which means your video chat won’t come across as a great alternative to Chatroulette.

 

Psykopaint

Psykopaint lets you create gorgeous digital paintings from any photograph. But it goes a step beyond Photoshop filters to let you create artwork in a variety of styles based on whatever photo you want.


Written exclusively for WDD by Cameron Chapman.

If we missed something, please share it in the comments below!

0 shares
  • http://themekiss.com Lam Nguyen

    Great roundup! jQRef is especially helpful for any web developer :)

    Thanks for sharing!

  • http://www.reveriedesign.co.uk Website Design Tamworth

    Hi Cameron

    Great post, especially the one about MooTune! It looks a really good addition to moo tools.

    Dan

  • http://trafficcoleman.com/ TrafficColeman

    Now this is an dream team of websites and apps..I think the Draggables interest me the most..I can defiantly use some of these website for my blog..another great post guys..

    “Black Seo Guy “Signing Off”

  • http://jqref.borloz.com Luke Borloz

    Thanks so much for mentioning jQRef in this list! Much appreciated!

  • http://www.sametomorrow.com/blog adam

    Nice list of stuff, especially the 1140 grid.

  • mauz

    Great resources, thank you.
    Oh, just for your knowledge, the other language on Apps-Builder is Italian, not Spanish. ;)

    • http://www.webdesignerdepot.com Walter

      Fixed, thanks :)

    • http://themekiss.com Lam Nguyen

      Hi Mauz,

      I have wondered for a while that what difference between Italian vs Spanish are. I thought they are using the same language because they have some similar words, but they’re not, don’t they?

  • http://www.dylanbishop.net Dylan

    some sweet new web apps der :D

  • http://www.jc-designs.net/blog Jeremy Carlson

    Either way, good article/list. Most like these always have a ton of stuff I don’t care about, but there is always 1 or 2 nuggets I haven’t heard of. Wijmo isn’t bad, but it’s not great. I would use jQuery Tools (http://flowplayer.org/tools/index.html) before this, but I did like their graphs.

    Oh boy. I just downloaded it to take a look. Wijmo is….I’m not sure what to say. First, the minified version is 215k!!!! Holy crap. Not only that, but from their docs it looks like you need to include possibly 12 scripts??? NO and NO. That is the most insane thing I’ve ever seen. Plus 2 or 3 additional style sheets? Are they serious with this?

    At least the app builder looks interesting.

  • http://www.psyched.be/wordpress Darkened Soul

    a lot of new, a lot of temporary stuff, and some real garbage… I’m off for a 5 dollar logo though…

  • http://www.benstokesmarketing.co.uk Web design Shrewsbury

    Kroud looks interesting – will have a look over the rest later on . . . thanks for the info guys :)

  • http://newevolutiondesigns.com Tom, NewEvolution

    Sweeeeeet list!

  • http://www.curtisscott.com Curtis Scott

    jQRef is great, Horrible Logos looks fun and entertaining to try out some time.

  • http://cssgrid.net Andy

    Hey, thanks for mentioning the 1140px grid.

  • http://www.softter.com/ Stephen Fleming

    Really this site information is very helpful and very attractive for the new information about the how to free web scripts…. so thanks for the sharing this information with me.

  • http://iamautocomplete.com Angelee

    wow, they’re all useful. I’m interested to check out ColorSchemer Touch and Horrible Logos.

  • http://www.resistenza.es Giuseppe Salerno

    Thanks for the Wonder Wall Font feature.

    Hey guys please check also afrobeat light, http://www.resistenza.es/afrobeatlight

  • http://twitter.com/vanifasya Vani

    I think you missed the link for Psykopaint

  • http://www.webalys.com Vincent

    Great selection with a minimal spirit.
    Min.us is impressive. A stimulating exemple of a “Whaow” application with a spartian design.

  • http://www.moxby.org.uk mOxby Design – Web Design Peterborough

    Many thanks for sharing this list – it’s always good to get inspiration from a variety of sources, so I appreciate the time spent making these easily accessibly.

    jQRef seems like a great one to go for. Thanks!

  • http://www.literaryspring.com Rebecca

    That is a good list. I like the variety of your choices so that the list is helpful for many kinds of designs.

  • http://jrutlanddesign.co.uk Jrutlanddesign

    Great List, but im not really a fan of grid systems… they jus make code bulky! other than that theres some great stuff in here thanks

  • http://www.creativewebdesignsolutions.co.za Web design WORX

    Great list of new resources. Exciting times to be a web design in. I think that 2011 is going to be an exciting year and really revolutionize web design.

  • http://www.whatanicepost.com Nils Kattau

    Thanks for this great list!

  • http://www.egebze.com Gebze

    An excellent resource site, Thanks.

  • http://www.rawkmedia.com John

    Great group of web design resources. I especially like the HTML5 photo editor. Definitely something worth exploring for my customers.

    Thanks!

  • http://www.veztekusa.com website development developer

    Great resource that has been summed up!

  • http://www.somethingsmart.com San Antonio Web Designer

    Doing web design and development for Joomla, Wijmo looks to have a lot of promise. I’m dying to take Kroud and Apps Builder out for a test drive too! Thanks!

  • http://gunisigibalaban.com/ Gunisigi Balaban

    Useful resource for inspiration. Thanks for sharing.

  • http://twitter.com/ardyology Ardz Lingatong

    Nice post in here Cameron!

    Very promising apps and resources!

    Happy Holidays geeks!

  • http://www.Inmarketingwetrust.com.au Freddy @ InMarketingWeTrust

    Thanks for this list. I just had a go at Horrible Logos. Looks definitely worth it for $5.

    Cheers,
    Freddy

  • http://www.freedomstudios.co.za Graham

    Some great goodies here.
    Thanks for the super list.