UIPlayGround – 200 иконок на CSS3 для ваших сайтов

Использовать на сайтах иконки, которые реализуются через CSS стили, все более модно, удобно и эффективно. Как-то в блоге я уже рассматривал необычные сервисы с иконками One Div и The Noun Project, сегодня расскажу про еще один. Примечательно, что автор проекта UIPlayGround сам обратился ко мне на почту с просьбой поведать о своем детище.

UIPlayGround - 200 иконкок на CSS3

Итак, на сайте UIPlayGround вы найдете около 200 разных иконок на CSS/CSS3. Основные фишки сервиса:

  • Для создания иконки используется 2 span тега. Код CSS пишется максимально просто и доступно для пользователей.
  • Чтобы выводить иконки на сайте вам больше не нужны будут JPG / PNG / GIF картинки или подключение тяжелых шрифтов.
  • Использование CSS иконок позволяет сократить число HTTP запросов. Кроме того, при отображении на retina дисплеях иконки будут иметь отличное качество.

Работать с сайтом UIPlayGround легко и просто. Выбираете нужную вам иконку, пролистывая имеющиеся наборы. Затем кликаете по ней мышкой.

CSS3 иконки для сайтов

В открывшемся окне найдете код, которые требуется для добавления иконки на сайт. Его нужно просто скопировать. Здесь же отображается совместимость иконки с разными версиями браузеров – от IE И Safari до Оперы и Firefox с Chrome. В целом, UIPlayGround – отличный проект.

Понравился пост? Подпишись на обновления блога по Дизайн Мания RSSRSS, Дизайн Мания RSSEmail или твиттерtwitter!
А еще можно опубликовать ссылку на статью в своем блоге:
Опубликовать в twitter.com        

Оставить комментарий
для статьи UIPlayGround – 200 иконок на CSS3 для ваших сайтов