Мы принимаем к оплате:

«Подарочный сертификат» от нашего Учебного Центра – это лучший подарок для тех, кто Вам дорог! Оплате обучение и подарите Вашим родным и близким обучение по любому из курсов!!!

«Сертификат на повторное обучение» дает возможность повторно пройти обучение в нашем Учебном Центре со скидкой 1000 рублей!

А также:


Иконки в css


512 простых иконок на чистом CSS

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

Всё сделано средствами CSS, вообще без дополнительных файлов, только небольшой CSS файл со списком иконок, которые отрисованы при помощи border, background и псевдоэлементов :before, :after. И это здорово для простых и маленьких проектов, в которых не хочется загружать огромные (в сравнении с этими иконками на CSS) файлы с иконочными шрифтами, или подключать свои SVG (да и сколько ещё разных вариантов сейчас есть). А тут импортировал маленький CSS файл с иконками – и всё работает.

Анимация простых иконок на чистом CSS

Кроме простоты и удобства, эти иконки можно ещё и анимировать. Это вообще бомба. Можно выбрать 2 иконки, и сделать анимацию перехода из одной иконки в другую. Выглядит не всегда аккуратно, но для многих иконок это просто круто!

Посмотреть и использовать можно вот тут: http://cssicon.space/

Понравилась или помогла статья? Купите мне кофе

Иконки на чистом CSS3

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

Пример иконок можно увидеть здесь:

Как использовать иконки на чистом CSS3?

1. Выбираете понравившуюся иконку.

2. Копируете ее HTML код.

3. Открываете файл default.css(там все иконки подписаны) и находите код иконки которая вам нужна. Просто добавляете в файл со своей темой.

Вот и всё :). Хочется, конечно, чтобы была полноценная поддержка иконок во всех браузерах. А так уже можно начинать применять.

Вывод

CSS3 развивается достаточно быстро и всё больше и больше браузеров начинают ее поддерживать. Не стоит волноваться о том, что старые браузеры не будут воспринимать как надо эти иконки. С помощью Javascript можно исправить и этот ньюанс. Я думаю стоит попробовать поставить их у себя на сайте и посмотреть что будет. На слово верить нельзя — нужно самостоятельно взять и проверить, а так ли они хороши — эти иконки на чистом CSS3!

Успехов!

Источник: nicolasgallagher.com

Понравилась статья - расскажи друзьям! :)

Facebook

Twitter

Вконтакте

Одноклассники

Google+

Иконки Counter-Strike: Source

Изображения CS 1.6 » Иконки » Иконки Counter-Strike: Source [2014.08.07]
НАЖМИТЕ НА КАРТИНКУ ДЛЯ УВЕЛИЧЕНИЯ ИЗОБРАЖЕНИЯ

Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source

Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source Иконка Counter-Strike: Source

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

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

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

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

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

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


Смотрите также



Компьютерные курсы по направлениям:

Для начинающих


A

Компьютер для начинающих: Word, Excel, Access и другие программы!

Графические пакеты


B

Популярные пакеты Adobe Photoshop, CorelDraw, ArchiCAD, AutoCAD и другие!

WEB + анимация


C

Курсы по созданию сайтов, WEB-дизайну и крутой анимации в Adobe Flash!

Бухгалтерия + делопроизводство

Сетевые технологии


E

Курсы сборки ПК, системных администраторов и защиты информации!