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

Типограф — история продолжается

Время на прочтение1 мин
Количество просмотров16K
В процессе подготовки 3-й версии Типографа написал небольшой jQuery-плагин, который обязательно войдет в релиз, способный облегчить жизнь многим разработчикам сайтов в вопросе типографики.

Задача была следующая: сделать javascript-типограф, а-ля «Punto Switcher», способный верстать нужные символы при наборе текста, не обращаясь к веб-сервису. Так же очень важно было не испортить визуально plain-текст вставками из символов мнемоников, чтобы неподготовленный человек смог спокойно влиться в процесс типографики.

Пришлось пожертвовать многим и сконцентрироваться лишь на нескольких основных правилах, которые покрывают порядка 82% потребностей в типографике (статистика собрана на основе 10 тыс. текстов, обработанных на сайте http://typograf.ru).

Пример

Что делает «Типограф»?


Верстает текст внутри текстовых полей автоматически или по запросу.
  • Умеет верстать кавычки (ёлки, лапки настраиваются);
  • тире в прямой речи;
  • спецсимволы: …, , , , ₽;
  • умеет ставить минус между числами и × между размерными единицами.


При типографике не трогает теги и комментарии HTML.

Ссылка на GitHub

Важно! jQuery.Typograf.js не является полноценной заменой он-лайн сервиса!

По просьбе StopDesign добавил типографику по нажатию на кнопку и откат к исходному тексту.
Теги:
Хабы:
Если эта публикация вас вдохновила и вы хотите поддержать автора — не стесняйтесь нажать на кнопку
+21
Комментарии51

Публикации

Изменить настройки темы

Истории

Работа

Ближайшие события

Weekend Offer в AliExpress
Дата20 – 21 апреля
Время10:00 – 20:00
Место
Онлайн
Конференция «Я.Железо»
Дата18 мая
Время14:00 – 23:59
Место
МоскваОнлайн