Resources of the week No.4

1. JELLY TORCH

A beautiful pen that combines SVG for animation the calligraphy font and Canvas for the flame that can be moved just by draging it.

2. COOL #CANVAS WEBGL INTERACTIVE SOCK PUPPET DEMO

A cool demo featuring a green sock puppet that you can move around with your mouse.

http://www.mediosyproyectos.com/puppetic/

3. FUN TIMES WITH CSS COUNTERS – HOW TO USE COUNTERS WITH CSS

CSS counters are one of those “oh neat, didn’t know CSS could do that” features with a lot of interesting potential. In simple terms, they let you keep a running tally of things in CSS — no JavaScript needed.

http://codersblock.com/blog/fun-times-with-css-counters/

4. VIVUS, BRINGING YOUR SVGS TO LIFE

Vivus is a little JavaScript class (little because it’s lightweight and has no dependencies) to make animating SVGs easy. Different animations are available, and you can even script the entire SVG to do whatever you want.

http://maxwellito.github.io/vivus/

5. PHP CLASS FOR CREATING IMAGES

A PHP script to manipulate images very easily. The perfect script to generate thumbnails. It can convert, resize and work on uploaded images in many ways, apply effects, add labels, watermarks and reflections and other image editing features.

http://www.verot.net/php_class_upload.htm

6. FONT COMBINATIONS

Simply select your font from the dropdown and find your match through one of the visual examples.

https://www.canva.com/font-combinations/

7. HOW TO HARNESS THE POWER OF COLOR RELATIONSHIPS

Choosing a powerful color palette for your designs can help tap into these natural reactions, and create graphics that are bold and powerful!

http://designschool.canva.com/blog/how-to-harness-the-power-of-color-relationships