(495) 925-0049, ITShop интернет-магазин 229-0436, Учебный Центр 925-0049
  Главная страница Карта сайта Контакты
Поиск
Вход
Регистрация
Рассылки сайта
 
 
 
 
 

Необычные сервисы с иконками

Источник: design-mania

One Div

Проект One Div является базой данных иконок, которые реализованы исключительно с помощью CSS3. На сайте найдете около 90 разных объектов - простых, сложных, классических и весьма оригинальных, есть также и анимационные иконки.

One Div

При наведении снизу отображаются поддерживаемые браузеры, есть ссылки на просмотр HTML, CSS кода и скачивание архива с этими файлами. Вообще в HTML используется всего одна строка с названием объекта.

<div class="eye"></div>

Все остальное реализуется через CSS.

.eye { width: 0; height: 0; position: relative; margin: 30% auto; border: 1.0em solid #2c2c2c; border-radius: 5.0em 0.5em / 5.0em 0.5em; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }   .eye:before { content: ""; position: absolute; top: -0.45em; left: -0.45em; width: 0.4em; height: 0.4em; background: #2c2c2c; border: 0.25em solid #EDEEE8; border-radius: 50%; }

Основным плюсом таких иконок может быть то, что при изменении размеров их внешний вид сохраняется (как и в векторной графике), что пригодится для популярного нынче адаптивного дизайна.

иконки с помощью CSS

Как можете видеть, на сайте имеются некоторые иконки с анимацией, а еще там есть объекты с эффектами при наведении. С другой стороны, конечно, современный интернет вполне допускает использование обычных картинок вместо этих CSS хаков. Но сервис все равно интересный.

The Noun Project

Авторы сайта The Noun Project решили создать самую большую базу данных иконок разных объектов из жизни. Все они разбиты на категории: животные, еда, люди, наука, спорт, техника, транспорт, путешествия, погода. В проекте участвуют дизайнеры со всего мира.

иконки The Noun Project

Иконок здесь действительно хватает - 11 тематических разделов по 100-200 объектов в каждом. Материалы публикуются под лицензиями Creative Commons Attribution 3.0 (CC BY) или Public Domain - некоторые можно скачать и использовать как угодно, другие бесплатны лишь в случае некоммерческих проектов. Хотя, конечно, странно видеть "стандартные" объекты по 1.99 доллара - как-то это слишком для иконок, отличающихся несколькими пикселями.

иконки The Noun Project

Поэтому в некоторых случаях, думаю, можно не скачивать непосредственно с сайтах, а использовать наборы тех или иных иконок для вдохновения при создании собственных. В сервисе есть поиск, имеется локализация на русский и украинский языки, хотя при тестировании сервис немного подтормаживал. Но вообще задумка интересная.

Ссылки по теме


 Распечатать »
 Правила публикации »
  Написать редактору 
 Рекомендовать » Дата публикации: 02.04.2013 
 

Магазин программного обеспечения   WWW.ITSHOP.RU
Toad Data Modeler Per Seat License/Maint
FastReport.Net Professional Edition Single License
SmartBear LoadComplete - Node-Locked License Subscription w/ 250 Virtual Users (includes 1 year of Maintenance)
Microsoft Office для дома и учебы 2019 (лицензия ESD)
The BAT! Home Upgrade- 1 компьютер
 
Другие предложения...
 
Курсы обучения   WWW.ITSHOP.RU
 
Другие предложения...
 
Магазин сертификационных экзаменов   WWW.ITSHOP.RU
 
Другие предложения...
 
3D Принтеры | 3D Печать   WWW.ITSHOP.RU
 
Другие предложения...
 
Новости по теме
 
Рассылки Subscribe.ru
Информационные технологии: CASE, RAD, ERP, OLAP
Безопасность компьютерных сетей и защита информации
Новости ITShop.ru - ПО, книги, документация, курсы обучения
Компьютерный дизайн - Все графические редакторы
OS Linux для начинающих. Новости + статьи + обзоры + ссылки
Один день системного администратора
Проект mic-hard - все об XP - новости, статьи, советы
 
Статьи по теме
 
Новинки каталога Download
 
Исходники
 
Документация
 
Обсуждения в форумах
Как выводить деньги в лучших казино? (6)
Порой игрок казино из рейтинга 2021 https://casino2021.net/ все сделал точно, заявка на вывод...
 
Отличается ли ДрифтКазино от беттинга? (31)
Друзья, давно заметил, что на Дрифте уже несколько месяцев во всю рекламируется и предлагается...
 
Автомобиль (5)
Доброй ночи. Планируем приобрести авто, рассматриваем б.у варианты, как проще всего подобрать...
 
Помощь по MS Access (341)
Доброе время суток. Случайно оказался на этом сайте, искал статьи по OLAP. Вижу, что...
 
Актуальное зеркало БК Марафон на сегодня (1)
На основном сайте БК Марафон https://rabochee-zerkalo-marafon.ru/ зеркало доступно прямо в...
 
 
 



    
rambler's top100 Rambler's Top100