svg

June 25, 2013 Design , Fonts no responses # , , , ,

Fontastic – A Platform For Creating Icon Fonts

Fontastic is another solid option for that which enables us to choose items from multiple icon sets. The chosen items are combined into a single font with a click where this approach helps minimizing the font size as we only choose the icons needed.

Fontastic

Continue reading

May 8, 2013 JavaScript no responses # , , , , ,

Drawing API For SVG, Canvas & WebGL with Two.js

Two.js is an exciting JavaScript library that provides a 2-dimensional and single drawing API forВ SVG, Canvas And WebGL. The library has only (currently) support for shapes (no text or images) and allows importing SVG data.

Two.js

It can group multiple elements which is useful when transforming them together.

There is a built-in animation loop,В methods to draw well-known shapes and lots of options to customize them.

Compatibility: All Modern Browsers
February 26, 2013 JavaScript no responses # , , ,

SVG.js – Manipulate And Animate SVG Easily

SVG.js is a JavaScript library for working (manipulating and animating) with SVG without any complexity. The library is standalone, very lightweight in size (5kb gzipped) and has lots of features.

There are built-in methods for creating shapes (rectangle, circle, polygon, etc.) or defining images.

SVG.js

They can all be animated with size, position, color or any other properties and be interacted with standard JavaScript events.

It has support for grouping elements for mass manipulations, filling them is possible and a unified API simplifies working withВ theВ library.

SVG.js is extendable with plugins and there are already various plugins (like dragging or easing).

Compatibility: All Major Browsers
Requirements: No Requirements

Website: http://www.svgjs.com/
Demo: http://svgjs.com/test/
Download: https://github.com/wout/svg.js

February 3, 2013 Design , Icons no responses # , , , , , ,

MFG Labs Icons – A Beautiful Icon Font

There are various free icon fonts out there and, with the increasing use, new ones are being created each day. MFG Labs Icons is one of them, it is a slick, free and pretty complete icon font.

MFG Labs Icons

It is a web app-themed set considering most of them are actions (and there are social items as well).

The download package includes all the popular web-font formats and the styles for them.

December 3, 2012 Design , Fonts , Icons no responses # , , , , ,

Generate Custom Icon Fonts From Command Line with Font Custom

There are very nice icon fonts out there, both free or paid, and they provide flexibility in several ways compared to using standard icons.

However, a major drawback is that icon fonts usually come as a single font file where we need to load the whole file to use few items.

Font Custom

You’ll remember Fontello that allows us to create custom icon fonts via a web interface. Font Custom, an open source tool, is a command line alternative for it.

Simply target the folder that has your SVG or EPS icons and it’ll generate the fonts. Also, it’ll keep watching the folder in case you make any changes to the icons and will always keep the fonts up-to-date.

Notes: The rules in the CSS generated are named similar to Twitter Bootstrap which is nice for the fans of the framework.

May 29, 2012 Freebies , Icons no responses # , , , , , ,

Free Weather Icons – Meteocons

ICONS FOR WEB AND USER INTERFACE DESIGNER


Meteocons is a free weather icon set, it works perfect for apps or your new web project!

Continue reading

Pin It on Pinterest