11 классных шрифтов иконок для ваших проектов

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

  • масштабируемость
  • стилизация с помощью CSS (изменить размер, цвет и т.д.)
  • добавление границы и теней с помощью CSS
  • нет http запросов для изображений иконок

Это очень важные и ключевые преимущества.

Как использовать иконки шрифтов

Все, что вам нужно сделать, это загрузить CSS файл, и все уже готово!

Например, для того, чтобы использовать FontAwesome шрифт, мы просто должны загрузить файл CSS и применять соответствующие классы для тегов или .

<!-- подключаем css файл -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- используем шрифт иконок с помощью классов -->
<i class="ti-fire"></i>
<span class="ti-user"></span>

Давайте посмотрим лучшие шрифты, которые вы можете использовать для ваших проектов.

FontAwesome

fontawesoek-905x500[1]
image-934

Themify Icons

themifyicons-905x500[1]
image-935

Foundation Icons

foundation-iconfonts-905x500[1]
image-936

Ionicons

ionicons-905x500[1]
image-937

Octicons

octicons-905x500[1]
image-938

Linecons

linecons-905x500[1]
image-939

Open Iconic

openiconic-905x500[1]
image-940

Entypo

entypo-905x500[1]
image-941

JustVector

justvectoricons-905x500[1]
image-942

SVG Icons

svgfonts-905x500[1]
image-943

Payment Icons

paymentfonticons-905x500[1]
image-944

Вывод.

Все эти наборы иконок уникальны по-своему. Комбинируйте их, для создания своих собственные приложения или веб-сайт.

Лучшие инфографики 2014 года

В 2014 году было огромное количество визуальных графиков, связанных с самой различной тематикой. Вы можете прочитать огромные статьи с кучей данных и в итоге ни чего не понять, или просто взглянуть на картинку и вам станет все ясно. Инфографики становятся все популярнее и в 2014 году они вышли на новый уровень. В этой статье вы увидите подборку наиболее заметных иностранных инфографиков.

Время сна 27 величайших умов в истории

3039650-inline-1-the-tk-best-infographics-of-2014
image-551

 

Как много штурмовых винтовок получит полиция США в разных регионах

3039650-inline-2-the-tk-best-infographics-of-2014
image-552

 

Самые высокие архитектурные строения за все время человечества

3039650-inline-3-the-tk-best-infographics-of-2014
image-553

 

 

У Николаса Фелтона было 95000 разговоров и общений

FAR13CC_081814a.indd
image-554

 

 

Илюстрированный график по крупнейшим драконом в фентези мире

3039650-inline-6-the-tk-best-infographics-of-2014
image-555

 

Математический рейтинг собак

3039650-inline-7-the-tk-best-infographics-of-2014
image-556

 

Как 5 различных существ машут крыльями

3039650-inline-8-the-tk-best-infographics-of-2014
image-557

 

AUTOCAD показывает как смешивать более 70 коктейлей

3039650-inline-9-the-tk-best-infographics-of-2014
image-558

 

Эволюция логотипа Бэтмена

3039650-inline-16-the-tk-best-infographics-of-2014
image-559

 

История графического дизайна иконок

P-GraphicDesign_429
image-560

 

 

 

Как создать идеальную 404 страницу?

Как создать идеальную 404 страницу?
image-67

Если вы ни когда не попадали на страницу 404, то вероятно вы ни когда ни пользовались интернетом.

Концепция проста: если пользователь запрашивает URL, а сервер не может найти необходимую страницу, он отвечает ‘404 страница не найдена’ — или другими словами «Все работает, но я не могу найти то что вы запрашиваете».

Есть несколько правил, которые следует соблюдать, чтобы создать хорошую страницу ошибки 404:

Дизайн

Дизайн 404 страницы не должен отвлекать пользователя от цели посещения вашего сайта. Большинство людей считают эту страницу наиболее раздражающей. Она должна, прежде всего, помочь посетителям, а главное избежать их перехода на другой сайт.

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

Социальные ссылки

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

Основные ссылки

Для удобства пользователя, необходимо выводить на странице 404 главные ссылки сайта, их может быть 6 или 7, но не более, не надо ему выводить все карту сайта.
В большинстве случаев эти ссылки на страницы:

  • Главная
  • Последний статьи
  • Поиск
  • О сайте
  • Контакты

Вывод формы обратной связи

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

Можно рассмотреть так же вариант с чатом, особенно если потеря пользователя сильно сказывается на продажах вашего сайта.

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

Аудио / Видео / Блок Юмора

Аудио / Видео также могут выводится на странице 404. Юмор как часть объяснения быть использованы с некоторой забавной анимацией. Это возможно удивит и развлечет пользователя.

Ниже приведен некоторые примеры конструкций страниц 404. Посмотрите на них и сделайте свою страницу вашего сайта более качественной.

craigslist

Craigslist предоставляет простую страницу 404 с ссылкой на главную страницу.

Craigslist
image-68

Niki Brown

Некоторые ссылки показаны на это странице как тайные, и они перенаправляют пользователя на хорошую музыку.

Niki Brown
image-69

cubeecraft

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

cubeecraft
image-70

Project-euh

Здесь вы можете наблюдать пример анимированной 404 страницы, а ссылка с анимации ведет каждый раз на разные страницы.

Project-euh
image-71

Technorati

Вариант страницы с последними записями и статьями сайта, это поможет отвлечь пользователя от того что он попал на страницу 404.

Technorati
image-72

Acme

Еще один пример необычной 404 страниц

Acme
image-73

Expansion Broadcast

Заполните форму, приведенную на этой странице, если вы не нашли то что искали. Это отличный способ взаимодействия с посетителями. Им также может дополнительно помочь социальный ссылки на Twitter и Facebook.

Expansion Broadcast
image-74

Attrition

Простой дизайн с простым сообщением о том что страница которую искали не найдена.

Attrition
image-75

webo group

Простая страница 404

webo group
image-76

THCNET

404 страница на THCNET не поможет вам найти то что вы искали прежде чем попасть сюда. Вместо этого они представили вам живое текстовое приключение игры Zork(игра 1980х годов). Попытайтесь сыграть в нее)

THCNET
image-77