Рубрика «типографика» - 20

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

image

Я постоянно просматриваю веб-сайты и удивляюсь, почему дизайнеры вставляют элементы внутри текста, не делая отступа. Почему бы не разделять эти элементы?
Читать полностью »

Извиняюсь, у предыдущего поста были тех. проблемы, поэтому дублирую:

Full HD, Vimeo

Это наш новый ролик. Он не рекламный и достаточно сложный, по крайней мере, ни у одной отечественной компании работ с элементами подобной сложности, в данном стиле, я не видел. Аналоги есть, но в Европе.

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

Читать полностью »

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

Что нам стоит фонт построить? Часть 2

Читать полностью »

Все мы знаем, что существует неофициальный, но распространенный в рунете (а в последнее время все чаще и в материальном мире) символ рубля, известный, как "знак Лебедева-Тарбеева". Однако в силу того, что знак не имеет признанного статуса, и, как следствие, отсутствует в Unicode, его использование в веб-дизайне сопряжено с очевидными техническими сложностями, не раз уже обсуждавшимися на тематических ресурсах.
image
Читать полностью »

CSS3 привнесло в нашу жизнь новые единицы измерения: vw, vh, и vmin. С недавних пор dev-версия Chrome (под номером 20) тоже поддерживает их, а это дарует некоторую надежду, что и разработчики других браузеров последуют этому примеру. На самом деле, это было бы кстати, ведь это очень удобно и практично, а я попробую рассказать, почему это так.

Почему это клево?

Много причин. Вот две из них:

  1. Существует такая вещь, как длина строки текста, при которой чтение является комфортным. Я не хочу разжигать холивары, но, допустим, это 80 символов. Так вот, эти единицы измерения позволяют вам соблюдать это значение на любом размере экрана
  2. Еще они могут регулировать отношение заголовка к основному тексту, как, например, в одном из постов Trent Walton (англ.)

Читать полностью »

CSS3 привнесло в нашу жизнь новые единицы измерения: vw, vh, и vmin. С недавних пор dev-версия Chrome (под номером 20) тоже поддерживает их, а это дарует некоторую надежду, что и разработчики других браузеров последуют этому примеру. На самом деле, это было бы кстати, ведь это очень удобно и практично, а я попробую рассказать, почему это так.

Почему это клево?

Много причин. Вот две из них:

  1. Существует такая вещь, как длина строки текста, при которой чтение является комфортным. Я не хочу разжигать холивары, но, допустим, это 80 символов. Так вот, эти единицы измерения позволяют вам соблюдать это значение на любом размере экрана
  2. Еще они могут регулировать отношение заголовка к основному тексту, как, например, в одном из постов Trent Walton (англ.)

Читать полностью »

Averia: самый средний шрифт

Вы думали, что новые аутентичные шрифты создают дизайнеры? Может быть и так, но и программист тоже на это способен — особенно, если у него есть художественный вкус. Разработчик Дэн Сэйверс (Dan Sayers) сделал очень красивый фонт Avería, просто усреднив все шрифты, установленные на его компьютере.
Читать полностью »

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

Всякий раз, когда я завожу речь о ней, меня спрашивают, похоже ли это на Punto Switcher. Отвечаю: совсем не похоже, эта программа решает другие задачи. Также упоминают всякие «типографские раскладки». Отвечаю: с помощью этой программы можно, помимо прочего, устроить всё то же самое, что делают эти «раскладки». Но главное всё-таки в другом.

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

Ну, и последнее предуведомление. Этот рассказ — не о какой-нибудь универсально-революционной вундервафле, которая осчастливит всех и сразу, а об узкоспециализированном инструменте, который оказался полезен персонально мне и ещё некоторым людям. Думаю, кому-то ещё он тоже пригодится, а кому-то — нет.

Читать полностью »

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

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

Самое забавное, что для решения это типичной проблемы давным-давно было придумано решениеЧитать полностью »

logoВсем привет.
Начитавшись и насмотревшись роликов и прочих промо-материалов для Photoshop 6, ощутила недосказанность и решила потестировать самостоятельно.
Поскольку я не понимаю смысла создания специально подогнанных примеров для демонстрации новых возможностей, то и тестировать мы их будем на ежедневных потребностях, а именно:

1) Фотоманипуляции
2) Работа с интерфейсом (сайт и мобильное приложение)
3) Типографика.
4) Создание иллюстраций и векторные фишки

Итак, поехали.Читать полностью »


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js