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

Однажды я уже рассказывал, что такое LilyPond, и с чем его едят. Обещания написать простую статью я, к сожалению, пока выполнить не смог, зато собрался описать, как я набирал ужасающий нотный пример из музыки Н. Корндорфа
Набор современной музыки в LilyPond
(«Welcome!» для шести женских голосов)

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

Молодой графический дизайнер из французского Нанта Рене Мамбембе (René Mambembe) создал оригинальную серию работ «Гельветика, мой герой», в которой на каждую букву латинского алфавита он нашел своего супергероя или злодея. В их числе — Бэтмен, Халк, Фредди Крюгер, Йода, Чужой, Женщина-кошка и многие другие. Для создания образов Рене использовал классические атрибуты каждого персонажа — щит Капитана-Америки, мартини и костюм Джеймса Бонда, маска Дарта Вейдера и молот Тора, — сделав увлекательным процесс угадывания каждой буквы.

Helvetica и супер героиЧитать полностью »

Как правило, в шаблонах производимых и продаваемых на сайте TemplateMonster Russia используются стандартные шрифты или Google Web Fonts. Мне удалось пообщаться с представителями русскоязычного офиса мирового производителя шаблонов, которые рассказали, что использование других шрифтов требует подключения дополнительных скриптов, негативно влияющих на скорость загрузки сайта, а также поведали много других интересных нюансов.

Если Вы хотите знать на какие типографические мелочи стоит обращать самое пристальное внимание при создании своих веб-проектов, то искренне рекомендую к прочтению эту статью.
Читать полностью »

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

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, просто усреднив все шрифты, установленные на его компьютере.
Читать полностью »


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