Что такое favicon и для чего он нужен?

Favicon – это значок (иконка), который отображается во вкладке браузера, закладках, а также в сниппетах результатов поиска.



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

Кроме того, пользователь может добавить страницу вашего сайта на главный экран телефона или сохранить как веб-приложение. В таком случае с помощью favicon можно быстро найти сайт среди большого количества других приложений.

Какой формат использовать для favicon?

Раньше в качестве основного формата использовали ICO. Особенность данного формата – мульти-размерность. Данный файл может хранить в себе несколько размеров иконки. На смену ICO пришел формат PNG. ICO все еще поддерживаемый, но большинство современных браузеров выбирают PNG формат иконки, который легче. Некоторые браузеры не могут выбрать правильный значок в файле ICO, что приводит к неправильному использования значка с низким разрешением.

О каких платформах пойдет речь в этой статье?

• Десктопные браузеры
• Chrome на Android
• Иконка закладки в iOS (PWA)
• macOS
• Windows

Привет! Зимой этого года мы прожили месяц на Филиппинах, изучая английский язык.


(Учитель Latisha передает привет читателям хабрахабра)


(все разнообразие русскоязычной части школы на тот момент: слева направо Алекс (сотрудник школы и по совместительству студент), студенты Женя, Женя и Рома)

Хабр, привет!

Меня зовут Рушан, и я автор Telegram‑канала Нейрон. Не забудьте поделиться с коллегами или просто с теми, кому интересны такие статьи.

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

Работать мы будем со специальным сервисом по сбору поисковых запросов пользователей Яндекса Вордстатом, интерфейс которого довольно прост и понятен:



В начале, по традиции, поставлю цели:

• Понять весь функционал и научиться работать с Вордстатом;
• Как правильно собирать семантику с максимальной релевантностью и CTR >50%;
• Так как мы на Хабре, поработаем с API Wordstat напрямую.

Плагинов кеширования много с большим набором параметров и функций – без тщательного анализа невозможно сделать грамотный выбор. Полистав интернет, не нашел реально нормальных сравнений. Есть только посты исключительно для привлечения внимания – описания плагинов. Обычное дело — SEO пульсы, так сказать. Видел даже попытку сравнительного анализа трех плагинов, но дальше замера скорости загрузки через онлайн сервис больше ничего приведено не было. А как внутри все устроено, на что влияют оптимизации – не сказано. Ведь каждый сайт индивидуален – все равно нужна тонкая подстройка – необходимо понимать принцип работы для оптимального выбора.

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

Осторожно! Лонгрид.

Речь пойдет об оптимизации страницы статьи для поисковых систем. Данный материал больше подходит для продвижения в Яндексе.

Специально для Хабровцев, в заключении есть список всех разделов применимых к Хабрастатьям.

27.04.2018 UPD// Эта страница уже в ТОПе Яндекса "оптимизация статьи". И в топе Google.

Встречали ужасные PowerPoint презентации с разноцветными слайдами и безвкусными картинками? Тогда вы точно должны прочитать эту статью!

ВАЖНО: здесь я пишу только про бизнес презентации для чтения — не для публичных выступлений. Это важно понять, так как техники разные в этих двух форматах. Под форматом «бизнес презентаций для чтения» я подразумеваю такие документы как коммерческие предложения, спонсорские пакеты, инвестиционные презентации проектов, презентации продуктов, которые в большинстве случаев отправляются исключительно по электронной почте.

В этой статье я расскажу о наиболее распространенных ошибках в дизайне и поделюсь своими 10 приемами по созданию поистине крутых презентаций. Почти все примеры, которые я привожу ниже, — это выдержки из реальных кейсов, которые мы реализовали.
Здесь важно отметить, что 10 приемов актуальны на 2017 год (и ближайшие месяцы 2018).

Начнем с самого важного при создании презентации:

Зачем спасать?

Мы размещаем нативную рекламу на крупных сайтах: РИА Новости, AdMe, Лайфхакере, Drive2.ru и других. И делаем так, чтобы реклама была такой-же полезной, так же хорошо выглядела и так же нравилась пользователям, как статьи на сайте.

 

Реклама становится единым продуктом с медиа

Бренды получают более вовлеченных клиентов, а медиа — деньги и положительный UX на сайте.

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



Смотря на другие проекты и анализируя свои, захотелось собрать в одну кучу все типичные мысли и ошибки людей, у которых возникла «гениальная» идея по бизнесу. Не важно в какой отрасли, каждый стартап проходит через одинаковые точки развития. Главная проблема в том, чтобы уметь отличать важные действия от второстепенных. Можно сутками сидеть в офисе, поднимать пыль в воздух, решая ненужные задачи, а можно за 1 день сделать недельный результат.
Итак, вот те самые мысли и действия, которые кажутся такими важными, но которые так мало значат в реальности:

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

Спустя еще три месяца появился «Мегамозг», сконцентрировавший вокруг себя все, что так или иначе касается менеджмента, управления и маркетинга в ИТ, равно, как и «стартапов».

Таким образом, мы разделили «Хабрахабр» на три узкоспециализированных ресурса, каждый из которых охватывал определенную сферу интересов наших пользователей: Хабр — программирование и разработка, ГТ — космос, наука, гаджеты, развлечения и другие тематики, ММ — бизнес и менеджмент.

Но время идёт и всё меняется, а мир разработки и программирования, да и вообще интернета, развивается с большой скоростью. Глядя на то, что происходит на «Мегамозге» нам стало очевидно, что в современном вертикально-интегрированном мире информационных технологий, где Amazon больше не интернет-магазин, а Apple вот-вот начнёт выпускать автомобили, мы не можем разделять, собственно, разработку и управление ею, так как часто это вещи не просто взаимосвязанные, но неотделимые.

С радостью, волнением, но в то же время некоторым облегчением мы объявляем о релизе новой итерации Хабра!

Большинство людей, когда задумываются о начале собственного бизнеса, сконцентрированы на идее. После того как идея рождается, всё внимание уделяется концепции продукта, его характеристикам, бизнес-модели и этапам реализации. Дальше уже встаёт вопрос создания команды. Но где найти людей для вашего проекта и почему они должны работать на вас?
Идея, как решить эту проблему под катом.

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

Сегодня речь пойдет о другой важной теме — создании автоответов из служб поддержек технологических компаний. Сотрудник проекта StatusPage Блейк Торн опубликовал в блоге рассказ об интересном эксперименте — команда проекта отправила 100 заявок в службы поддержки разных компаний, чтобы узнать, какие автоответы они используют. Цель эксперимента — увидеть слабые места в таких коммуникациях с клиентами. Мы представляем вашему вниманию главные мысли этого материала.

Как освежить логотип с минимальными потерями? Об этом вы узнаете из нашей подборки. Все способы научно доказаны и подкреплены реальными примерами!

Собрали сервисы, которые сэкономят время на редактуру, привлекут трафик, вовлекут читателей, помогут вести аналитику, найти экспертов и все-все-все.

Подробное исследование от проекта DocSend отвечает на вопрос «какими должны быть идеальные стартап-презентации?». Количество слайдов, содержание презентации, дизайн и все такое. Everslide рекомендует — такая аналитика встречается редко.

Сегодня мы расскажем тебе, дорогой друг, о достаточно новом термине «информационный посредник». Конечно, для многих это не в новинку, но мы будем равняться на большинство. Расскажем подробно и с примерами.

Email письма — это визитная карточка для общения с вашими подписчиками. Поэтому, лучше выработать один стиль дизайна писем и придерживаться его всё время. Оформление дизайна письма должно быть таким же, как на сайте, либо в корпоративном стиле, чтобы подписчик сразу узнавал вас, если конечно он ваш клиент.
Давайте коротко пробежимся по основным моментам и элементам дизайна email рассылок.

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

К чему мы приходим:
— Использование внешних стилей и последующий прогон кода через инлайнер. Из-за усложнения кода это стало целесообразным
— Улучшение семантики через именование классов и сокращение участков кода
— Частичная поддержка the Bat! Хотя Николь на него забила.
— Полная поддержка всех мобильных почтовых клиентов
— Использование ранее опасных конструкций. Благодаря усердному тестированию проблемы решены.

От переводчика.
Это перевод статьи Филипа Бернарда с сайта css-tricks.com. Часть статьи, содержащую описание работы с созданным им сервисом, я позволил себе опустить. Если вы найдете ошибки, просьба сообщить о них в личном сообщении.

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

Фавикон был представлен в 1999 году, в Internet Explorer 5 (источник) и стандартизирован W3C несколько месяцев спустя. Это была маленькая иконка, представляющая сайт.



С тех пор большинство настольных браузеров следуют тенденции и используют фавикон тем или иным способом. Это очень просто, не так ли? Создать маленькую картинку и добавить в любой интернет-проект, чтобы сделать его «завершённым». Ничего сложного.

Создание резюме — головная боль для каждого, кто ищет работу. Резюме — это ваша история, которую вы рассказываете рекрутёру или потенциальному работодателю. Согласитесь, что изучать сюжет с лишними подробностями или большим количеством ошибок будет не очень приятно. Мы расскажем вам о том, что пора выбросить из своей истории.

Итак, перейдём к резюме и ошибкам, которые вы совершаете.

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

Приветствую, сегодня первый пост в нашем корпоративном блоге, и так как сервис mailget.net — это сервис, в первую очередь, по сбору мыл, то сегодня мы собрали подборку полезных ссылок для email-маркетолога



Скажу только, что мы не пытались собрать максимально возможное число сайтов, вряд ли вам нужны двадцать абсолютно одинаковых локальных сервисов рассылок с десятью клиентами. Мы пытались выбирать самые популярные или же, наоборот, оригинальные ресурсы. Итак, приступим: