Connect With WRD
feed via e-mail
feed via e-mail

Posts Tagged ‘SVG’

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.

Web Typography for the Lonely

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.

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

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.

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.

Flexi Color Picker

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.

Vector Android Icons

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.

Seven Icon Pack

  • Tags:
  • Filed under: Design, Icons, Other License
  • 7 Comments
  • 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

    Monochrome Social Icons

    The icon set can be downloaded from WRD:

    Download

    or from Alex Peattie's website.

    This vector social icons set is free to be used in both personal and commercial projects.

  • Tags:
  • Filed under: Design, Icons, Other License
  • 6 Comments
  • 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.JS

    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.

    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.

    jQuery Activity Indicator

    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.

    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.

    Free Font Converter

    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.

    NounProject

  • Tags:
  • Filed under: Design, Icons, Other License
  • 3 Comments
  • Uptime Robot
    feed-holder
    FeedBurner
    PSD2HTML.com
    HotScripts Marketplace