Как стать автором
Обновить
1.5

Типографика *

Играем с шрифтами

Сначала показывать
Порог рейтинга
Уровень сложности

sup рвёт тексты

Время на прочтение1 мин
Количество просмотров4.1K
Почти все сайты использующие тег SUP никак не инструктируют браузер как его отображать. А ведь отображение по-умолчанию откровенно хромает — тег этот рвёт тексты, высота строки где присутствует SUP увеличивается и в результате нам предстают хаотично разбросанные строки, а не параграф. Сложно даже быстро понять, является ли такое экстра-пространство разбивкой между строками, или между параграфами.


Два варианта superscript'а: «мой» и стандартный.

Самое интересное, что такое поведение можно легко исправить, достаточно добавить глобальный стиль навроде этого:
Читать дальше →
Всего голосов 70: ↑69 и ↓1+68
Комментарии90

Оформление цитат на сайтах

Время на прочтение8 мин
Количество просмотров94K
Обычно при вёрстке текстов для веба на оформление цитат не обращают достаточного внимания. Стараясь исправить это досадное недоразумение, мы коснёмся двух вопросов: типографического оформления цитат (в той части, где чаще всего допускаются ошибки при вёрстке) и реализации этого оформления в HTML-коде.

Мы также не будем касаться вопросов проверки смысловой точности цитирования, правильного использования купюр, сокращений и дополнений — всех интересующихся ждёт «Справочник издателя и автора» А. Э. Мильчина и Л. К. Чельцовой.

Надеемся, что эту запись будет удобно использовать как справочник по часто встречающимся вопросам оформления цитат.

Читать дальше →
Всего голосов 108: ↑105 и ↓3+102
Комментарии59

Несложно о типографике

Время на прочтение4 мин
Количество просмотров9.5K
Для начала представлюсь. Зовут меня Евгений (Eugene Spearance) — автор небезызвестного сайта и технологии Типограф.
Просиживая вечера в сладком безделии решил написать несколько статей посвящённых теме компьютерной вёрстки, раскрыть секреты собственного Типографа, а так же поделиться кое-какими соображениями о будущем развитии типографики.
Читать дальше →
Всего голосов 116: ↑113 и ↓3+110
Комментарии143

Решение проблем с типографской раскладкой Ильи Бирмана

Время на прочтение2 мин
Количество просмотров4.6K
Некоторых людей, использующих бюджетный «Оптимус» от Ильи Бирмана, постигает одна серьёзная неприятность: радость после успешной установки типографских раскладок сменяется разочарованием, поскольку в списке используемых раскладок к пунктам «Английская (типографская раскладка Ильи Бирмана)» и «Русская (типографская раскладка Ильи Бирмана)» упорно сам по себе добавляется пункт «США». Это может показаться странным, но постоянное появление третьей (да ещё и ущербной с типографской точки зрения) раскладки создаёт просто невыносимые условия для работы.
Читать дальше →
Всего голосов 13: ↑9 и ↓4+5
Комментарии18

Истории

Выключка по ширине, или Убей «text-align: justify;»

Время на прочтение3 мин
Количество просмотров45K
Надеюсь этой записью открыть серию статей, посвящённых типографике в целом и веб-типографике в частности.

Логически следующая статья будет посвящена использованию разнообразных пробелов и разделительных интервалов (такой заказ был в комментариях к статье о тире и дефисах пользователя besisland).

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

Это значит, что нужно забыть CSS-конструкцию «text-align: justify;» и, если вы этого до сих пор не сделали, то выжечь калёным железом все воспоминания об «align="justify"».

А теперь подробнее
Всего голосов 8: ↑7 и ↓1+6
Комментарии39

Чёрточки: только ли тире, минус и дефис?

Время на прочтение4 мин
Количество просмотров180K
Однажды вечером я почувствовал, что пришло время расширить 97‐ й параграф «Ководства» Артемия Лебедева.

На клавиатуре одна чёрточка, она обычно правее нуля и повыше букв «З» и «Х». Неосведомлённые люди называют её попеременно то дефисом, то минусом, то тире. Лебедев объясняет нам, что это четыре (учитывая две разновидности тире) различных символа. На самом деле их как минимум девять, и об этом я и расскажу вам сейчас.

Читать дальше →
Всего голосов 311: ↑288 и ↓23+265
Комментарии208

Jevix 0.9.5

Время на прочтение2 мин
Количество просмотров1.2K


Опубликована новая версия Jevix — 0.9.5.

Основное отличие новой версии в том, что с этих пор Jevix можно использовать как средство для всестороннего контроля и преобразования текстовых данных больших интернет-проектов с «User-Generated» материалом.

Теперь Jevix умеет не только применять правила типографики, унифицировать HTML/XML разметку, но и контролировать перечень допустимых тегов с возможностью определения списка допустимых атрибутов для каждого тега отдельно. Также предусмотрена возможность предотвращения вероятных XSS-атак, скрытых в HTML-коде.

Читать дальше →
Всего голосов 44: ↑39 и ↓5+34
Комментарии56

Сглаживание шрифтов, и субпиксельная отрисовка

Время на прочтение3 мин
Количество просмотров16K
Отличнейшая статья Джоэла Спольски об отличиях отрисовки текста на компьютерах под управлением Mac OS X и Windows, а также о неприятии пользователями Windows того, как Safari рендерит тексты на экране. Написана простым языком, доступно и без нагружающих деталей.

Оригинал

Читать дальше →
Всего голосов 75: ↑72 и ↓3+69
Комментарии102

Типографика по-немецки

Время на прочтение1 мин
Количество просмотров7.1K
Понадобилось сделать немецкую версию сайта. Озаботился вопросом стандартной немецкой типографики.
Читать дальше →
Всего голосов 21: ↑19 и ↓2+17
Комментарии30

Студия Лебедева призывает использовать знак рубля

Время на прочтение1 мин
Количество просмотров3.4K


Студия Артемия Лебедева опубликовала у себя на сайте сообщение-обращение об использовании символа рубля, которого, как известно, до сих пор не было.

«Мы обращаемся с предложением принять знак самим и немедленно начать его использовать — не дожидаясь, пока Центробанк выберет знак рубля, игнорируя, как всегда, мнение профессионалов. От нашей активности и последовательности во многом будет зависеть, сможет ли выбранный нами знак прочно укорениться в культуре.»

И кое какие мысли...
Всего голосов 32: ↑18 и ↓14+4
Комментарии80

Jevix

Время на прочтение1 мин
Количество просмотров932

Jevix стал лучше. Jevix — система автоматического применения правил набора текстов (типографика) с открытым исходным кодом. Некоторые примеры промышленного применения здесь и здесь.
Всего голосов 7: ↑7 и ↓0+7
Комментарии18
12 ...
20

Вклад авторов