Pull to refresh
  • by relevance
  • by date
  • by rating

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

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

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


А должно быть так:
Total votes 20: ↑12 and ↓8 +4
Views 1K
Comments 16

Jevix

Lumber room


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

Исходный код открыт для свободного использования.
Total votes 6: ↑2 and ↓4 -2
Views 293
Comments 2

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

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

#
Далее видео
Total votes 19: ↑14 and ↓5 +9
Views 426
Comments 4

Jevix

Typography *

Jevix стал лучше. Jevix — система автоматического применения правил набора текстов (типографика) с открытым исходным кодом. Некоторые примеры промышленного применения здесь и здесь.
Total votes 7: ↑7 and ↓0 +7
Views 800
Comments 18

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

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

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

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

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

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

Jevix 0.9.5

Typography *


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

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

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

Читать дальше →
Total votes 44: ↑39 and ↓5 +34
Views 1K
Comments 56

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

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

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

Читать дальше →
Total votes 311: ↑288 and ↓23 +265
Views 164K
Comments 208

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

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

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

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

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

А теперь подробнее
Total votes 8: ↑7 and ↓1 +6
Views 42K
Comments 39

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

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

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

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

sup рвёт тексты

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


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

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

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

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

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

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

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

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

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


Отвлечение от основного текста замедляет чтение,
Читать дальше →
Total votes 49: ↑47 and ↓2 +45
Views 10K
Comments 88

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

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

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

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

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

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

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

via
Total votes 33: ↑28 and ↓5 +23
Views 1.2K
Comments 13

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

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

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

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


Читать дальше →
Total votes 86: ↑82 and ↓4 +78
Views 7K
Comments 47

Шрифтестер

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

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

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

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

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

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

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

Ситуацию надо менять. До начала изменения ситуации осталось секунд: −166860421. ;)
Total votes 68: ↑53 and ↓15 +38
Views 599
Comments 47