UI Library
Blueprint
Amio
☞
♥ ♡ ㊣ 卍 ♨ ▣ ◈
◤◢
☏
◣◥
■ □ ★ ☆ ◆ ◇ ● ○
⊙
♂ ♀
▏▎▍▌▋▊▉
█ ▇ ▆ ▅ ▄ ▃ ▂ ▁ ▁ ▂ ▃ ▄ ▅ ▆ ▇ █
█ ▇ ▆ ▅ ▄ ▃ ▂ ▁ ▁ ▂ ▃ ▄ ▅ ▆ ▇ █
Icon Font
Simple Demo
Icon Font
PROS
Any-Size ►
Any-Color ►
Any-Opacity ►
Any-Shadow ►
everything
At Your Fingertip !
You = CSSer
Anti-Alias
cross Platform
cross Browser
cross DPI
[ Device ratio: 1, 1.5, 2 ... ]
Lightweight
[ Born for mobile ]
Awesome
compare to "CSS Sprites"
[ Easy for maintenance ]
Icon Font
CONS
1、Tedious Updates
2、Single Color
3、Ps ► Ai + Glyphs
Tools
-
Fontello
http://fontello.com/
-
etao smiley
http://ux.etao.com/fonts
Animation
-
Button & Loading Indicator
http://lab.hakim.se/ladda/
-
Modal Window
http://tympanus.net/Development/ModalWindowEffects/
-
Scroll List
http://lab.hakim.se/scroll-effects/
Libs
Bootstrap 3
by Twitter
Flat Design
Responsive
Widgets
Pure
by Yahoo (YUI)
Pure CSS
Flat Design
Responsive
Foundation
by Zurb
Mobile First
Flat Design
Responsive
UI-Lib Category
-
Layout
-
Typo
-
Buttons
-
Forms
-
Widgets
Layout
Typo
h1. This is a very ...
h2. This is a large header.
h3. This is a medium header.
h4. This is a moderate header.
h5. This is a small header.
h6. This is a tiny header.
Button
Forms
Text Input
Search Input
Password Input
Textarea
•••
Widgets
Date Picker , Address Picker ...
Modal Dialog
List
•••
UI Library Blueprint
Amio
(xwjin@ctrip.com)