Skip to content
This repository was archived by the owner on Mar 31, 2023. It is now read-only.

Commit 3fa2c8d

Browse files
mkkeckmkkeck
committed
Version 2.3 / Compatibility for jQuery UI 1.12.x, jQuery Mobile, new Icons added
1 parent 4cdcf47 commit 3fa2c8d

14 files changed

+1960
-215
lines changed

‎Changelog.md‎

Lines changed: 47 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,51 @@
1+
# Version 2.3 #
2+
2017-03-02
3+
4+
Welcome to Version 2.3 with **332 unique icons** and **support for jQuery UI 1.12.x**.
5+
6+
7+
#### What's new? ####
8+
* 6 new icons
9+
* jQuery UI 1.12.x support
10+
* minified CSS-files
11+
* compressed font-files (WOFF2)
12+
13+
The file `jquery-ui.icon-font.css` and the minified version are for jQuery UI 1.12.x.
14+
For jQuery UI 1.11.x or jQuery Mobile please use the `jquery-ui-1.11.icon-font.css` or the minified
15+
version `jquery-ui-1.11.icon-font.min.css`.
16+
17+
18+
#### New Icons ####
19+
```css
20+
.ui-icon-caratstop-1-e
21+
.ui-icon-caratstop-1-n
22+
.ui-icon-caratstop-1-s
23+
.ui-icon-caratstop-1-w
24+
25+
.ui-icon-fullscreen
26+
.ui-icon-fullscreen-off
27+
```
28+
29+
30+
#### New Aliases ####
31+
```css
32+
.ui-icon-caret-1-e /* for .ui-icon-carat-1-e (support jQuery UI v1.12.x) */
33+
.ui-icon-caret-1-n /* for .ui-icon-carat-1-n (support jQuery UI v1.12.x) */
34+
.ui-icon-caret-1-s /* for .ui-icon-carat-1-s (support jQuery UI v1.12.x) */
35+
.ui-icon-caret-1-w /* for .ui-icon-carat-1-w (support jQuery UI v1.12.x) */
36+
37+
.ui-icon-fullscreen-on /* for .ui-icon-fullscreen */
38+
```
39+
40+
41+
#### Deleted ####
42+
All deprecated listed icons in version 2.1 are removed now.
43+
44+
45+
46+
147
# Version 2.2 #
2-
2016-06-26
48+
2016-06-26
349

450
Compatibility for jQuery Mobile (tested against 1.4.5).
551

@@ -31,7 +77,6 @@ Some tests on mobile devices and hdpi screens shows me, that the css only create
3177
```
3278

3379

34-
3580
#### Deprecated ####
3681
Following classnames are deprecated.
3782

‎README.md‎

Lines changed: 24 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,21 @@
11
# Icons for jQuery-UI #
2-
* All icons are complete drawn by hand and optimized for a minimal size of 14×14 pixels.
3-
* Resizable and mobile friendly icons.
4-
* Change the color of icons without generating graphic files.
5-
* Works with all jQuery UI themes (versions: 1.11.2, 1.11.3 & 1.11.4).
6-
* Easy to use, no extra plugins or hacks needed.
7-
* Included CSS3 animation for e.g. AJAX loading status.
2+
* 332 unique icons for jQuery UI / jQuery Mobile. All icons are complete drawn by hand and optimized for a minimal size of 14×14 pixels.
3+
* Resizable and mobile friendly icons.
4+
* Change the color of icons without generating graphic files.
5+
* Works with all jQuery UI 1.11.2, 1.11.3, 1.11.4, 1.12 & 1.12.1 themes and jQuery Mobile 1.4.5.
6+
* Easy to use, no extra plugins or hacks needed.
7+
* Included CSS3 animation for e.g. AJAX loading status.
88
* Icon License [CC BY-SA 3.0](https://creativecommons.org/licenses/by-sa/3.0/)
99

10-
The perfect (pixel-)size of the icons is 14 pixels.
1110

11+
### Usage ###
12+
#### Include the Icon Font ####
13+
Copy the file _`jquery-ui-1.12.icon-font.min.css`_ or _`jquery-ui-1.11.icon-font.min.css`_ and the folder _`font`_ into your folder,
14+
which holds your CSS-files. You can also rename e.g. _`jquery-ui-1.12.icon-font.min.css`_ to _`jquery-ui.icon-font.min.css`_. For debugging and/or develope you may use CSS-files without _`.min`_ (e.g. _`jquery-ui-1.12.icon-font.css`_).
15+
Add in the `<head>`-section of your html document a link to the new CSS-file.
16+
For jQuery Mobile it doesn't matter wich file is used, but only _`jquery-ui-1.11.icon-font`_ is fully tested.
1217

13-
**Note:**
14-
Please only use the class names in the CSS-file to display the required icon and never the unicode value (e.g. "\e601"). I could not guarantee that the entered unicode will show the requested glyph on future releases.
15-
16-
### Example Usage ###
18+
##### Example Include #####
1719
```html
1820
<head>
1921
<!-- ... -->
@@ -24,6 +26,12 @@ Please only use the class names in the CSS-file to display the required icon and
2426
<!-- ... -->
2527
</head>
2628
```
29+
**Note:**
30+
The file _`jquery-ui.icon-font.css`_ and the minified version are for jQuery UI 1.12.x.
31+
For jQuery UI 1.11.x or jQuery Mobile please use the _`jquery-ui-1.11.icon-font.css`_ or the minified
32+
version _`jquery-ui-1.11.icon-font.min.css`_.
33+
34+
#### How to use an icon in HTML-markup ####
2735

2836
To display an icon is really simple:
2937
```html
@@ -33,7 +41,10 @@ To display an icon is really simple:
3341
class="ui-icon ui-icon-jquery">icon</span>
3442
ui-icon-jquery
3543
</p>
36-
```
44+
```
45+
46+
**Note:**
47+
Please only use the class names in the CSS-file to display the required icon and never the unicode value (e.g. "\e601"). I could not guarantee that the entered unicode will show the requested glyph on future releases.
3748

3849
### Bugs, features and feedback ###
3950
Please report bugs or feature requests on the [issue-tracker](https://github.com/mkkeck/jquery-ui-iconfont/issues).
@@ -43,4 +54,4 @@ Please report bugs or feature requests on the [issue-tracker](https://github.com
4354
Take a look at the demo under [http://mkkeck.github.io/jquery-ui-iconfont/](http://mkkeck.github.io/jquery-ui-iconfont/)
4455

4556
### Screenshot ###
46-
![Screenshot](https://raw.githubusercontent.com/mkkeck/jquery-ui-iconfont/master/screen.png)
57+
![Screenshot](https://raw.githubusercontent.com/mkkeck/jquery-ui-iconfont/master/screen.png)

‎font/jquery-ui.eot‎

256 Bytes
Binary file not shown.

‎font/jquery-ui.svg‎

Lines changed: 12 additions & 8 deletions
Loading

‎font/jquery-ui.ttf‎

256 Bytes
Binary file not shown.

‎font/jquery-ui.woff‎

256 Bytes
Binary file not shown.

‎font/jquery-ui.woff2‎

21 KB
Binary file not shown.

0 commit comments

Comments
 (0)