Visual thinking with Simple Diargams and Hand-Drawn Goods

We are now participating in Simple Diagrams. It’s a desktop app for creation sketchy visuals using pre-built shapes.

With Simple Diagrams you can create mind maps, visual thinking images, illustrate processes, workflows and ideas.

Visual communication made simple

How Simple Diagrams work

  • Download the desktop application.
  • Create sketches with pre-drawn libraries. (Comes with over 500 shapes).
  • Create custom libraries for your own vector and bitmap shapes.
  • Load your hand-drawn shapes via Adobe Capture
  • Download new libraries to visualize new solutions.
  • Export your work to PDF, PNG or SVG.

Link: simplediagrams.com

Using Hand-Drawn Goods to create visuals

Free icon sets are included into Simple Diagrams’ free libraries. Just go ahead and use them for your project! Full sets are also avaliable — as additional shape libraries. We are currently working on releasing all of Jolly Icons and Busy Icons, but it takes time to convert the icons into library shapes.

Stay tuned on Twitter for updates on Simple Diagrams collaboration. Or download a trial and try free hand-drawn icons and dozens of pre-built vector shapes right now!

 

 

jQuery snowing effect with Merry Icons

After Merry Icons release we thought of a use case for hand-drawn snowflakes featured in this set. What if we make a snowfall effect with hand-drawn snowflakes?

There are dozens of snowing plugins out there, so we chose one as the basis for the jQuery snowing effect. It provides some nice options, such as snowflake count, z-index, etc.

Instead of using images for snowflake elements, we rendered an icon font containing hand-drawn snowflakes which we also embedded as base64 encoded data into the stylesheet.

We added CSS3 animation to give some rotation to the snowflakes in modern browsers.

The effect is used on any container, overlaying the floating snowflakes over its content (both text and images):

Merry Icons – 100 Christmas Vector Icons by Hand Drawn Goods

Check out Merry Icons and Merry Icons Free to see the plugin implementation on Hand Drawn Goods website.