Как стать автором
Обновить
  • по релевантности
  • по времени
  • по рейтингу

Опять типографика

Habr
За что ценю Хабр, так это за уважение к правилам типографики, в частности на хабре не путают два разных знака: Тире (—) и Дефис (-)

Правда это не относится к нижней части страницы:


А должно быть так:
Всего голосов 20: ↑12 и ↓8 +4
Просмотры 1K
Комментарии 16

Jevix

Чулан


Jevix — средство автоматического применения правил набора текстов, наделённое способностью унифицировать разметку HTML/XML документов.

Исходный код открыт для свободного использования.
Всего голосов 6: ↑2 и ↓4 -2
Просмотры 296
Комментарии 2

Криминальное Чтиво В Типографике

Чулан
Что может получиться, если взять аудиофрагмент фильма и передать интонации и эмоции с помощью типографики?
Jarratt Moody сделал это! Взяв известный (и очень эмоциональный) диалог из фильма “Криминальное Чтиво” и передал все происходящее шрифтами и буквами. Это надо видеть.

#
Далее видео
Всего голосов 19: ↑14 и ↓5 +9
Просмотры 431
Комментарии 4

Jevix

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

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

Типографика на Хабре

Habr
Возможно стоит, при написании хабратопика, добавить опцию автоматической замены правильных кавычек на неправильные и тире на дефисы? То есть добавить такой типограф, про который вы так хорошо знаете.
Выглядело бы это примерно так:
Всего голосов 20: ↑20 и ↓0 +20
Просмотры 622
Комментарии 34

Дж.Тригг. Правила орфографии

Чулан
Большинство из ниженаписанного все учили в школе, но как известно, все хорошее рано или поздно забывается. Распечатал, повесил на видное место и время от времени вспоминаю :).

Основные правила:

  1. Заменяя существительные местоимениями, позаботьтесь о правильном его согласовании.
    Между нас говоря: падеж местоимения тоже важен.
    Если вы хочете использовать глагол, то спрягать его нужно правильно, а не как того захотит автор.
    Глагол, кроме того, всегда должны согласовываться в числе с существительными.
Читать дальше →
Всего голосов 38: ↑28 и ↓10 +18
Просмотры 493
Комментарии 57

Jevix 0.9.5

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

sup рвёт тексты

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


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

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

О сносках в книгах

Интерфейсы *
UPD: Baseline такой: раз сноски всё равно читают, то почему бы не перенести их поближе к основному месту действия.

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

«Сноска — помещаемые внизу страницы примечание, библиографическая ссылка, перевод иноязычного текста, связанное с основным текстом знаком сноски».

Классическая реализация в отечественной традиции:

русские обычные немодернизированные

Что с ними «не так»?


Отвлечение от основного текста замедляет чтение,
Читать дальше →
Всего голосов 49: ↑47 и ↓2 +45
Просмотры 10K
Комментарии 88

Стивен Фрай и типографский станок Гутенберга

Типографика *
Я хотел ограничиться постингом на dirty, но после просмотра разглядел уж слишком много параллелей с интернетовскими и вообще сегодняшними делами.

(Начало фильма. О продолжении читайте ниже.)

В течении часа Фрай рассказывает о первопечатнике, учавствует в воссоздании печатного станка, делает бумагу и льет литеры. Документальный фильм производства BBC на английском языке.

Очень здорово, что хорошие актеры периодически занимаются подобной образовательной деятельностью. Я еще не досмотрел, но Очень рекомендую для самообразования и мальчикам, и девочкам и их родителям. Материал не так специфичен, как кино Хатсвита про шрифт — «Гельветика» (очень замечательное, кстати).

Вообще в «Типографику» постинг записан чисто формально. Он настолько же, если не более, уместен и в «Стартапах», и в «Будущем здесь», и в «Моем бизнесе». Чего стоит только пассаж про кризис проекта с последующей заменой носителя — бумаги вместо пергамена.

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

via
Всего голосов 33: ↑28 и ↓5 +23
Просмотры 1.2K
Комментарии 13

Рабочая библиотека веб-типографа и контент-менеджера

Типографика *
Несмотря на то, что основной инструмент работы веб-типографа и контент-менеджера — это Интернет, пока ещё не весь корпус полезных для нас материалов переведён в электронную форму. Поэтому я решил перечислить те бумажные книги, которые стоят у меня на отдельной полке, и на которые не успевает оседать пыль из-за постоянного их использования.

Список книг будет разбит на группы по темам, и каждая из них — на группы «обязательно прочесть и иметь» и «можно прочесть и иметь» (это выделение безусловно субъективно, так что спорить насчёт него не буду точно). В принципе, большинство книг есть в широкой продаже, в том числе и в крупнейших российских интернет-магазинах. Некоторые есть в отсканированном виде и их можно найти в Интернете.

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


Читать дальше →
Всего голосов 86: ↑82 и ↓4 +78
Просмотры 7.1K
Комментарии 47

Шрифтестер

Типографика *
Для приобщения дизайнеров к теме экранной типографики, хочу рассказать про очень интересный и удобный инструмент typetester, кстати вот он:

Бывают такие ситуации, когда нужно подобрать гарнитуру для сайта и при этом проверить как она выглядит в различных браузерах и как сочетается с другими гарнитурами, а ещё бы и готовый CSS всего этого получить. Более того, если не доступен визуальный редактор, который, последнее время я вообще не использую, то хочешь-не хочешь а Шрифтестером пользоваться придётся. Симпатичная графика сочетается с повышенным удобством программы! В общем must use.
Рейтинг 0
Просмотры 650
Комментарии 0

Хабрацентр им. %username%

Типографика *
Эх… Опять про тексты, написанные роботами. Developers! Developers, научитесь, наконец, делать пользователям ваших творений приятно.

Вот, например, «Семейно-строительный институт им. Ленин» — приятно? И Ленину не приятно… Да, склонять имена пользователей — дело не благодарное. Ну и не надо. Всегда можно сформулировать мысль таким образом, чтобы имя осталось в неизменной форме. Например, в заголовках персональных страниц пользователей Хабра можно писать «Apostol на Хабрахабре», «Apostol's хабрацентр» или «Хабрацентр „Apostol“» вместо «Хабрацентр им. Apostol».

Вместо «Последний раз был на сайте 2 мая 2008 05:25» гораздо лучше выглядит и читается «… был на сайте 2 мая 2008-го в 5:25».

Вместо кирпич башка попадёт «Вы искали водка, найдено 82 совпадения, соответствующих запросу, из них 2 пользователя, 20 хабратопиков, 60 комментариев» лучше вывести «По запросу „водка“ найдено 82 совпадения, из них 2 — в профилях пользователей, 20 в хабратопиках и 60 в комментариях».

Ситуацию надо менять. До начала изменения ситуации осталось секунд: −166860421. ;)
Всего голосов 68: ↑53 и ↓15 +38
Просмотры 606
Комментарии 47