Pull to refresh
  • by relevance
  • by date
  • by rating

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

Information Security *Website development *GitHub

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

Читать далее
Total votes 19: ↑15 and ↓4 +11
Views 6.5K
Comments 9

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

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

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

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

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

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

Typography *
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 при оформлении заголовков?

Читать дальше →
Total votes 99: ↑68 and ↓31 +37
Views 16K
Comments 76

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

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

image

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

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

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

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

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

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

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

Website development *Web services testing *
Translation
Вот пять самых раздражающих своей недоступностью веб-элементов, с которыми я сталкиваюсь как слепая девушка-пользователь скринридера каждый день.

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

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


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

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

Timeweb Cloud corporate blog Information Security *Website development *JavaScript *Programming *


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


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


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


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


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


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


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


Читать дальше →
Total votes 15: ↑15 and ↓0 +15
Views 11K
Comments 1