10
Aug
// php the_time('Y') ?>
Web Typography for the Lonely is a website that creates awesome typography using web standards (such as SVG, Html5 canvas and CSS3) and JavaScript.
There are both static and interactive examples and all of them are documented in detail.

It is possible to download the sources of the experiments and also find the related articles/resources that inspired or helped completing the experiments.
P.S. Some of the depend on various other libraries like jQuery or Raphael.js, however, the developer targets to make them standalone.
29
Jul
// php the_time('Y') ?>
Elycharts is an easy-to-use and customizable library for creating charts with only JavaScript.
The library supports most of the popular chart types including line, column, are, bar, pie, sparklines and combinations.

Elycharts comes with many interactions like mouse tracking and events, highlight of selected areas with various animations, tooltip and hints, html anchors and many more.
Also, it can modify data dynamically with good-looking animations to display the change in charts.
The charts are generated with SVG/VML and the library is built on jQuery + Raphaël.
Requirements: jQuery & Raphaël
Compatibility: All Major Browsers
28
Jul
// php the_time('Y') ?>
Flexi is a lightweight (4.3kb) color picker that doesn't use any images (thanks to SVG/VML), CSS or 1px hacks but only JavaScript.
It is a standalone script that doesn't require any JavaScript frameworks and can pass the color selected in hexadecimal, HSV and RGB formats.
The dimensions, position of the picker and slide area can be fully customized in CSS just like any other div element.

Requirements: No Requirements
Compatibility: All Major Browsers
29
Apr
// php the_time('Y') ?>
For anyone developing Android applications and/or creating an Android-related website, using the official icons for the platform would be a time-saver.
The Android SDK includes the complete set of icons, however, they are in .PNG format and hard to resize or customize.
Olof Brickarp, who is a UI/graphics designer, has converted most of the whole official icons into vector formats which are now available in .AI, .EPS and .SVG.

31
Mar
// php the_time('Y') ?>
Seven Icon Pack is a set of 475 high-quality, vector and free icons that has items for actions, social networking, devices and more.
They come in .SVG + in transparent PNG with 32*32px, 48*48px and 100*100px sizes.
And, they are free to be used in both personal and commercial projects.
P.S. The download requires free sign-up.

23
Mar
// php the_time('Y') ?>
Alex Peattie, a talented freelance web designer and developer, has created a high-quality and vector social icons set.
The set has 100 icons and includes items for every major social network (Twitter, Facebook, Delicious, YouTube and many others).
They are provided as:
- a whole in .AI + .EPS formats (90px*90px on 100px*100px artboards)
- individual files in .PNG (32*32px) and .SVG formats

The icon set can be downloaded from WRD:

or from Alex Peattie's website.
This vector social icons set is free to be used in both personal and commercial projects.
22
Mar
// php the_time('Y') ?>
D3 is a lightweight and free JavaScript library for manipulating HTML documents based on data.
It can help us visualizing the data as HTML or SVG quickly, handle interactivity, and incorporate smooth transitions + staged animations into web pages.
The library can be used as a visualization framework (like Protovis) or as a framework to build pages (like jQuery).

D3 is not the traditional visualization framework that comes with it limits and ready-to-use templates. Rather, it solves only the crux of the problem: efficient manipulation of documents based on data which ends up in a serious flexibility.
Requirements: No Requirements
Compatibility: All Major Browsers
28
Jan
// php the_time('Y') ?>
NETEYE Activity Indicator is a jQuery plugin for creating and displaying flexible activity indicators when needed.
The plugin doesn't require any images as it makes use of SVG or VML.

Its color can be defined and, considering the indicators generated support transparency, they fit perfectly to any background color.
There are multiple options offered for customizing it like: number of segments, size (width, length, space), speed of the animation and more.
Requirements: jQuery
Compatibility: All Major Browsers
25
Jan
// php the_time('Y') ?>
Sometimes, like switching between OSs, we require a font being in a different format for a better compatibility
FreeFontConverter is a web application that enables us to convert from -almost- any font format to another.
Besides the common font formats like TrueType (.ttf), OpenType (.oft) and PostScript (.ps), it supports .svg, .bin, .dfont and many others.

22
Jan
// php the_time('Y') ?>
NounProject is a beautiful project which collects, organizes and extends the highly recognizable symbols used all around the world.
There are ~300 items, new ones are added regularly and they are all in high quality .SVG format.
All symbols are totally free to use and what could make it better is the ability to download all in a single package.
