Jazz up your website with Shapeshifter.js
Shapeshifter.js is a plugin that allows you to convert any div element to a simple and interesting SVG shape. It also allows you to customize the shapes, fills, sizes and rotation of the SVGs.
Tagged: svg
Free Vector Infographic Kit
This week’s freebie is a huge vector set for creating infographics. Included in the package are over 50 elements, ranging from graphs and charts to maps and symbols.Format – AI/EPS/ SVG. Enjoy!
One Div – CSS3 icons with a single html div
One div is a project aiming to enhance and deepen the use of CSS3 using a library of logos. The icons featured on the website are in pure css, and are done with a single html div. It is a bit similar to using SVG (vectors) and they can be resized without quality loss. They also can be used in a responsive design and these icons can also benefit from animation effects. All designers and developers are welcome to contribute their own icon ideas. There are some browser compatibility issues but the creators try hard to make them compatible in Chrome Firefox and Safari.
10 Useful Apps for designers
DeviceShot Place images of your mobile apps and website into real device and get high-resolution images to download. Perfect tool for creating neat portfolio images. Inkscape An Open Source vector graphics editor, with capabilities...
Sunday Fun (Interactive SVG Infographic)
Browsing through my rss feeds, I found this amazing tutorial for INTERACTIVE INFOGRAPHIC WITH SVG AND CSS ANIMATIONS on tympanus.net. Great, straightforward tutorial so I guess the coming slow Sunday afternoon will be dedicated...
