Как стать автором
Обновить
  • по релевантности
  • по времени
  • по рейтингу

GitHub блокирует FLoC от Google на всех страницах, кроме кастомных доменов

Информационная безопасность *Разработка веб-сайтов *GitHub

GitHub объявил о развертывании GitHub Pages, что позволит пользователям создавать веб-сайты прямо из своего репозитория. Сервис возвращаемых заголовков предназначен для того, чтобы владельцы сайтов могли отказаться от новой альтернативы cookies Google FLoC.

Читать далее
Всего голосов 19: ↑15 и ↓4 +11
Просмотры 6.4K
Комментарии 9

Говорящие заголовки

Презентации
Как пелось в известной песне: «С чего начинается родина…», а если переложить ее на язык презентаций и задуматься, а с чего же действительно начинается слайд? Что первым видит аудитория и как это влияет на восприятие слайда в целом?

Общеизвестно, что у каждого слайда должен быть заголовок, ведь именно с него и начинается знакомство с информацией на слайде. Именно он задает оттенки восприятия. Почему же он так важен? Я приведу пример из нашей практики. Возьмем слайд из одного из наших проектов. Смотрите, как бы выглядел этот заголовок в большинстве презентаций:
Читать дальше →
Всего голосов 6: ↑4 и ↓2 +2
Просмотры 1.6K
Комментарии 38

Почему текст, набранный заглавными буквами, трудно читать

Типографика *
image
Неизвестно откуда пошла мода на оформление текста заглавными буквами, но факт остается фактом – использование заглавных букв окружает нас повсеместно. Если вы напишете в интернете текст прописными, люди решат, что вы кричите, или усомнятся в вашем психическом здоровье. Но чаще всего все прописные раздражают людей, а текст написанный таким образом очень трудно быстро прочесть.
Читать дальше →
Всего голосов 208: ↑185 и ↓23 +162
Просмотры 55K
Комментарии 164

Пример ≈двукратного ускорения загрузки шрифта для заголовков из Google Web Fonts, осуществляемого выборкою оптимальной версии его

Типографика *
Tutorial
[иллюстрация-скриншот]Если на сайт вики-энциклопедии «Циклопедия» забредёт пользователь компьютера, оснащённого современным программным обеспечением Корпорации Microsoft, то тогда взгляд его прежде всего окажется привлечён шрифтом заголовков первого и второго уровня («Циклопедия», «Культура», «Общество», «Наука и техника», «Природа и человек», «Быт»): такой шрифт нынче не часто встречается во Всемирной Паутине (это вы можете без труда смекнуть и самостоятельно, когда сравните фрагмент скриншота, мною справа для того приложенный, с собственным вашим опытом).

Но этот шрифт, господа, да станет всем нам примером того, как не следует оформлять наши заголовки. А угадаете ли, почему это так? Да потому, что шрифт этот — Candara (и это нетрудно увидать воочию: достаточно прибегнуть к расширению «Context Font» или вглядеться в нынешний вики-код заглавной страницы Циклопедии и её подшаблона «Раздел»). Некоторые из нас ужé знают или хотя бы догадываются (а другим достаточно взглянуть в Википедию, чтобы узнать) о том, что Candara — это шрифт эксклюзивный, который встречается только в сравнительно недавних продуктах Корпорации Microsoft, таких как последние Windows (Vista, Windows 7) и Office 2007, да ещё раздаётся в составе Microsoft Powerpoint Viewer 2007 и Microsoft Office Compatibility Pack (в том числе для более ранних систем — для Windows XP, для Windows 2000). Если же на такой сайт забредёт читатель с Линуксом, или Маком, или Андроидом, или Айфоном, или Айпадом — то тогда, сами понимаете, «Кандару» взять ему будет неоткуда — и вид заголовка поневоле станет далеко отличаться от желаемого.

А ведь можно обеспечить единообразное отображение заголовка во всех системах и браузерах; для этого достаточно попросту отгрузить всем читателям один и тот же шрифт. Шрифт можно раздавать с собственного же сайта (добавив продуманные правила @font-face в свой CSS), а можно воспользоваться услугами внешнего хостинга шрифтов — например, услугами коллекции свободных и бесплатных шрифтов «Google Web Fonts», чей красивый новый интерфейс обсуждали на Хабрахабре в конце июня. О ней-то и поговорим под хабракатом.

Что следует сказать по поводу употребления Google Web Fonts при оформлении заголовков?

Читать дальше →
Всего голосов 99: ↑68 и ↓31 +37
Просмотры 16K
Комментарии 76

Конструктивные особенности заголовков

Контекстная реклама Повышение конверсии *
Заголовок в рекламных объявлениях на поиске Яндекса и Google – если не основная, то однозначно самая заметная часть объявления. В идеале заголовок должен включать слова, которые пользователи используют при поиске необходимой информации. Объявления в контекстной рекламе всё больше напоминают конструктор. И заголовки – тоже не исключение, они складываются, как пазлы, в разные картинки.

image

О вариациях сочетания блоков в заголовках наш сегодняшний материал.
Читать дальше →
Всего голосов 7: ↑5 и ↓2 +3
Просмотры 2.7K
Комментарии 0

Какие заголовки привлекают внимание чаще всего или анализ HabraHabr

Брендинг Копирайт
Здравствуйте, и снова появилось желание поделиться чем-то полезным! Статья о пользе домохозяйки не зашла на Хабр, по этому я выудил статью 4 летней давности написанную специально для habrhabr.ru для рекламы digital агентства, которое я уже закрыл. Надеюсь этот раз плюсов будет гораздо больше.

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

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

Мы отобрали по 100 заголовков топовых новостей (за 2008-2016 года) сайтов geektimes.ru и habrahabr.ru, и постарались выделить схожие цепочки и логические связи. Получилось восемь категорий, которые приведены ниже.
Читать дальше →
Всего голосов 42: ↑25 и ↓17 +8
Просмотры 3.7K
Комментарии 18

5 самых неприятных фич для слепого человека на сайтах

Разработка веб-сайтов *Тестирование веб-сервисов *
Перевод
Вот пять самых раздражающих своей недоступностью веб-элементов, с которыми я сталкиваюсь как слепая девушка-пользователь скринридера каждый день.

Для слепых и слабовидящих людей, таких как я, доступность — это не просто слово, это реальный выбор: или мы можем работать с сайтом, или не можем.

Как работают скринридеры


Скринридеры позволяют слепым и слабовидящим людям самостоятельно пользоваться компьютерами, телефонами и планшетами. В большинстве скринридеров работает движок Text To Speech (TTS), который преобразует текст с экрана в речь.
Читать дальше →
Всего голосов 33: ↑30 и ↓3 +27
Просмотры 8.8K
Комментарии 8

Памятка и туториал по HTTP-заголовкам, связанным с безопасностью веб-приложений

Блог компании Timeweb Информационная безопасность *Разработка веб-сайтов *JavaScript *Программирование *


Доброго времени суток, друзья!


В этой статье я хочу поделиться с вами результатами небольшого исследования, посвященного HTTP-заголовкам, которые связаны с безопасностью веб-приложений (далее — просто заголовки).


Сначала мы с вами кратко разберем основные виды уязвимостей веб-приложений, а также основные виды атак, основанные на этих уязвимостях. Далее мы рассмотрим все современные заголовки, каждый — по отдельности. Это в теоретической части статьи.


В практической части мы реализуем простое Express-приложение, развернем его на Heroku и оценим безопасность с помощью WebPageTest и Security Headers. Также, учитывая большую популярность сервисов для генерации статических сайтов, мы настроим и развернем приложение с аналогичным функционалом на Netlify.


Исходный код приложений находится здесь.


Демо Heroku-приложения можно посмотреть здесь, а Netlify-приложения — здесь.


Основными источниками истины при подготовке настоящей статьи для меня послужили следующие ресурсы:


Читать дальше →
Всего голосов 15: ↑15 и ↓0 +15
Просмотры 9K
Комментарии 1