Статьи, отмеченные тегом «Font»:

Скрытые возможности text-shadow

Скрытые возможности text-shadow

Не удержался и решил перепостить сюда ссылку из своего твиттера (присоединяйтесь, иногда, делюсь полезностями) на интересный пример использования text-shadow. То, что нарисовано на картинке к посту в живую можно посмотреть здесь.

Что же такого замечательного в этом примере?

Стандартные веб-шрифты: курсивы и наклоны

Стандартные веб-шрифты: курсивы и наклоны

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

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

И что там с курсивом?

Таблица соответствия размеров шрифтов в CSS

css-font-size-sonversion-chart

Не важно, каким способом задания размера шрифта в CSS вы пользуетесь, но иногда бывает необходимо подсмотреть, какое значение соответствует текущему в другой системе единиц (например, какому размеру в px или %, будет соответствовать шрифт, размером 1.4 em) или быстро перевести одни размеры в другие.

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

Табличка

96% или резиновая модульная сетка для Web

Иллюстрация к статье «96% или резиновая модульная сетка для Web»

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

Одним из лучших сайтов, пропагандирующих базовую сетку для Web, конечно же, является 960 grid system. Поэтому, насмотревшись на красивые примеры сайтов, спроектированных по этой сетке и опробовав их на личных проектах, я решил поделиться базовыми принципами и своими мыслями, применительно не только к фиксированной разметке (чаще всего описываемой для примеров), но и к резиновой и эластичной (адаптивной). Дальше →

Периодическая таблица шрифтов

Иллюстрация к статье «Периодическая таблица шрифтов»

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

Для каждого шрифта указаны семейство, имя создателя и год разработки. Авторство, насколько я понял, принадлежит squidspot.com. Дальше →