Coder Social home page Coder Social logo

umarmughal / jquery-mobile-icon-pack Goto Github PK

View Code? Open in Web Editor NEW

This project forked from commadelimited/jquery-mobile-icon-pack

0.0 2.0 0.0 12.89 MB

Extending the default jQuery Mobile icons

Home Page: http://andymatthews.net/code/jQuery-Mobile-Icon-Pack/

License: GNU General Public License v2.0

jquery-mobile-icon-pack's Introduction

jQuery Mobile Icon Pack

Extending jQuery Mobile's default icon set.

jQuery Mobile Icon Pack is based on based on the Font Awesome library and includes 369 icons from a wide range of categories including currency symbols, media control, social media, common application icons, and more. You can use easily these icons in conjunction with jQuery Mobile's default icon set.

View a demo of Icon Pack.

Build your own custom Icon Pack.

Major upgrade

This version of Icon Pack is a breaking upgrade from previous versions of jQuery Mobile. Previously jQuery Mobile used the :after property to apply the PNG icons to the specified container. In jQuery Mobile 1.4 the team chose to look to the future and apply SVG icons with the background-image property. In addition to this decision they've inlined the actual file contents of each icon using Data URIs. While this does increase the size of the resulting CSS, it also means there are no external dependencies (not counting the PNG fallbacks).

If you're looking to support jQuery Mobile 1.3 (or lower) applications, you can use the 1.3.x tagged build for that release.

Quick start

Clone the git repo - git clone https://github.com/commadelimited/jQuery-Mobile-Icon-Pack.git - or download it. Open up index.html in your browser, preview to your hearts content. The icon definitions are 100% contained within the jqm-icon-pack-fa.css CSS file in the dist folder within this repository.

If you so desire, run npm install and build the icons from scratch by running the grunt command.

While this is a good way to get familiar with Icon Pack, it's not recommended that you use this file for production use.

Font Awesome Icon Pack Usage

Drop dist/jqm-icon-pack-fa.css and the associated png folder into your project. Images are relative to the CSS file. Use them just as you would the standard icons.

My License

Dual license: MIT/GPL

Font Awesome License

The Font Awesome license can be seen on their website.

Bitdeli Badge

jquery-mobile-icon-pack's People

Contributors

commadelimited avatar webveteran avatar schultemarkus avatar linuxonrails avatar tama3bb avatar antonio-laguna avatar brandonb927 avatar jcpmmx avatar kragenquovis avatar laurentgoncalves avatar

Watchers

James Cloos avatar Umar Mughal avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.