Awesome HTML 5 Cheatsheets!

The hosting company who hosts all my websites (www.inmotionhosting.com) has posted a wonderful set of HTML 5 Cheatsheets! There’s one for Tags, One for Event Handler Attributes, and one for Browser Support.
 
Now, I know their images are TOO big to view clearly on my layout, so, to download them, go to http://www.inmotionhosting.com/infographics/html5-cheat-sheet/?utm_source=facebook&utm_campaign=infographics&utm_medium=InMotionHosting
 
 
HTML5 Cheat Sheet - Tags

HTML5 Cheat Sheet By InMotion Hosting – A Virtual Private Servers Provider

 
 
HTML5 Cheat Sheet - Event Handler Attributes

HTML5 Cheat Sheet By InMotion Hosting – A Web Hosting Provider

 
 
HTML5 Cheat Sheet - Browser Support

HTML5 Cheat Sheet By InMotion Hosting – A Dedicated Server Provider

 

Fumy 2.0 – a cool little graphics program

Cigarette and Smoke

Demo image made in 4 minutes with Fumy and Photoshop

Here’s a little program I love! I bought a program named Smoke some time ago, at a discounted price. I thought it looked like a cool, fun toy of a program, but it’s so much more! Smoke underwent a name change. It’s new name is Fumy, and the newly released version is  Fumy 2.0.

Painting in Fumy is like painting with smoke, or waves, or patterns or light. Version 1, with all it’s point updates was very cool – choose a style and some colors and then paint. You could place the end results into Photoshop documents (or simply create a stand-alone graphic). The only “real” limitation was that the end-result image was opaque. You could use any color background, but you created an opaque image for which you might have to use Blending Modes in Photoshop to influence the result.

Now, with version 2.0, we have layers! This means that not only can we create images with transparent backgrounds, but we also have some limited blending modes inside the program, and we also have the ability to export individual layers of our image.

The names of the controls present a bit of a learning curve: names like “Flow”, “Range”, “Intensity”, “Density”, “Fluency”, “Gravity”, and “Quality” may not make immediate sense, but that’s part of the idea of working in this Fumy. It’s all about experimentation (you all know that’s a BIG teaching point of mine anyway, right?)

Version 2.0 just came out a few days ago, so there’re still a few “issues” to resolve. For example, the tooltip names don’t align and so you have to trust the icon more than the name of the tool. Also, there seems to be a bit of a problem with the function of exporting individual layers, but you should also be aware that the developer is extremely responsive. I’ve had a few questions over the past couple of versions, and I received response emails the same day!

On top of all this coolness and fun, here’s the real kicker – I’d originally bought this program for $6 via Maczot.com. It was also included in a software bundle I’d purchased at MacLegion.com. But I never needed the new version. Every update has been free – and the recent UPGRADE was ALSO FREE! Any developer with such a cool product, who is so responsive, and has such generous upgrade policies should be commended! I encounter so many programs with ridiculous and draconian upgrade costs, I’m especially impressed by this (see Adobe’s new upgrade policies, for example!)

Despite the few bugs in this new version, I highly recommend it – and the developer. If the regular $19.99 seems a bit much, wait… you’ll see it in a bundle, I’m sure. Also, Neatberry (the developer) seems to have a slew of other cool programs. I’m looking forward to checking them out.

Oh, and the image you see in this post  was done using a stock image from stock.xchng, and a quick image from Fumy 2.0, created and composited in about 4 minutes using Photoshop.

Check out Fumy 2.0. Let me know what you think!

Wonderful Helvetica Based Logos

Okay – so many of you who have taken my design classes have seen me “pick on” the Helvetica font. As you know, although I consider it a classic, beautiful, clean and highly versatile, I have some issues with it’s built-in kerning at large sizes, so I usually use it for my kerning lessons.

So, today, Graphics.com posted a Facebook link to a great page with 40 great logos designed using Helvetica. Now, I don’t personally agree that all of these do, in fact, use Helvetica (eg: Nestlé, even if it started as Helvetica, didn’t remain Helvetica, IMO), but if you check these out, you’ll gain some great inspiration as to the effects of tracking and kerning, color, use of space, and all things typography and design. Check it out!

http://www.webdesignerdepot.com/2009/03/40-excellent-logos-created-with-helvetica/

Free Dingbat Font from ffdingbatsfont.com

 Graphics.com has posted a link to a very cool FREE Dingbat font. I know you guys like FREE, and my designer friends are ALL about the fonts, right?!

FontShop has made available for free download the Erler Dingbats font, which ncludes a wide range of popular symbols and pictograms such as arrows, pens, phones, stars, crosses and checkmarks, plus 3 sets of cameo figures on round backgrounds.

http://ffdingbatsfont.com/erler/

A Really Good Explanation of Color for Print Purposes

CreativePro.com has come up with yet another really good article – this time, about a topic that can be really confusing – how color works for print documents, and how to use InDesign’s color management to get accurate color print jobs done (Note: this is for 4-color, process printing – not meant for your inkjet). Check it out at:

http://www.creativepro.com/article/indesign-how-print-colors-correctly

Awesome Article on the 5 Main Groups of Typefaces

SmashingMagazine.com has an excellent article about the 5 main typeface styles.

So often, my students ask how to select an appropriate typeface for their projects. This article clearly explains the main groups from which you can choose, and helps you choose which are best to combine for your specific needs.

Visit http://www.smashingmagazine.com/2010/12/14/what-font-should-i-use-five-principles-for-choosing-and-using-typefaces/

Designer’s Salary Survey Revealed

 

 

 

 

A New Designer’s Salary survey indicates little to no salary growth in recent years, and a difficult time for graduating design students seeking regular employment. But then again, I’ve been saying all along that business is moving more and more towards contract and freelance workers (they have much less overhead). Disadvantage: less job stability (in an economy where stability is shaky at best anyway), no benefits, constant work search – Advantage: higher pay rates when you work, variety of jobs, you’re your own boss.

The article is referenced in a  CreativeCow.com article:

http://www.creativepro.com/article/design-salary-survey-reflects-steady-volume-narrow-margins