11 июля 2013, 19:46

Meet jquery.prettyHelpBackground

В процессе разработки Pixoni я уже написал несколько кусков кода, которые спокойно можно выпускать в виде отдельных js-плагинов. Сегодняшний кандидат — небольшой плагин, который создаёт красивые блоки с подсказками в интерфейсе.

Василий нарисовал замечательные подсказки в интерфейсе Pixoni для тех пользователей, которые сталкиваются с ним впервые. Выглядят они вот так:

Подсказок таких в интерфейсе много и все они выглядят по-разному, поэтому хотелось вместо простой нарезки этих блоков на картинки получить более элегантное решение. Посидев пятнадцать минут с <canvas>-ом решение родилось в виде небольшого плагина для jQuery: prettyHelpBackground, который делает фон для введённого вами текста (шрифт берётся с Google Fonts).

Модуль ещё сыроват, но его ждёт большое будущее в нашем замечательном проекте.

Документация и пример работы: http://evgeny.neverov.name/plugins/jquery.prettyHelpBackground/index.html

P.S: а стрелочки — это уже индивидуально. Они не везде есть, поэтому в плагин и не включены.