...

среда, 6 мая 2015 г.

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

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

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

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

Пример

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


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

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

Ссылка на GitHub

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

По просьбе StopDesign добавил типографику по нажатию на кнопку и откат к исходному тексту.

This entry passed through the Full-Text RSS service - if this is your content and you're reading it on someone else's site, please read the FAQ at http://ift.tt/jcXqJW.

Комментариев нет:

Отправить комментарий