Рубрика :: JavaScript

Text Resize with JavaScript

Изменяем размер шрифта

Andrew Medico on March 25, 2008 @ 7:21 am
I’m curious.. what is the point of doing this in JavaScript? Are there major browsers that are incapable of increasing page text size?

david on March 25, 2008 @ 7:25 am
I think it’s good to do this in javascript because many users may not know how to change the text size using the browser’s menu. Believe me, you’d be surprised how much I need to explain to customers about their browsers.

Из обсуждения поста на эту же тему в блоге Дэвида Уолша.

Задача: сделать простую, но юзабельную переключалку размеров шрифта с запоминанием.
Условия: На ресурсе толкаются как минимум две JavaScript библиотеки, MooTools и jQuery, каждая со своими UI, Tools'ами и плагинами.
Решение: делаем на «чистом» JavaScript + CSS в надежде избежать конфликта.

Кнопки «Наверх ⁄ Вниз» – плагин для MaxSite

Логическое развитие плагина Кнопка «Наверх»

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

Сама по себе прокрутка вверх-вниз, полностью рабочий скрипт:

Плагин «jQuery Tooltips» для MaxSite

Раскрашиваем и оживляем всплывающие подсказки

Понемногу натягиваю дизайн jenWeb.info на LabCMS. А там, надо сказать, автор не стал разделять дизайн back- и frontend'а. Один, то есть, шаблон. И используется MooTools. Мне же больше по душе jQuery и отдельная админка со своим специфичным админским дизайном. Для админки, наверное, сверстаю свой шаблон, пусть будет. А шаблон frontend'а перевожу на jQuery.

В связи с этим надо менять решения для bbcode и tooltips (всплывающих подсказок).
Для последних как раз сделал. И заодно собрал плагин для MaxSite.

Плагин «ColorBox-x» – больше возможностей

Color Powered logo Из всех свободно распространяемых решний типа Lightbox больше всего мне нравится ColorBox, поэтому первым делом, тестируя MaxSite, я подключил плагин «ColorBox» автора DRiVER и тут же изменил его под свои нужды. Мой вариант задуман для использования совместно с также измененным Random gallery Максима, который теперь в сайдбаре генерирует произвольное число миниатюр, пряча «лишние» с помощью свойства display: none.
Дело было еще в феврале 2011, при работе над jenWeb.info, но опубликовать руки дошли только сейчас. Кроме того, в процессе подготовки публикации функционал расширился.

Внимание! плагин не есть законченное расширение Plug and Play для MaxSite! Это скорее пища для беспокойного ума и пытливых ручек Для публикации я ничего не адаптировал обратно к коду оригинального плагина, при необходимости, например, отбор по классам или группам надо делать применительно к своим конкретным условиям.
Плагин не тестировался с версией Maxsite 0.5 (у меня до сих пор 0.437), но там нет ничего такого. что не могло бы работать с последней версией (кроме самой библиотеки jQuery, которая из-за бага в 1.6.0 должна быть либо младше, либо старше этой версии).
Если кому-то интересно. но сам не умеет — помогу.

Кто еще не начал зевать — читаем дальше.

Кнопка «Наверх» – плагин для MaxSite

Кнопка «Наверх» Кнопка «Наверх» не так давно уже фигурировала в этом блоге, но в качестве jQuery-скрипта и общих рекомендаций по внедрению в код веб-страницы.

Однако после появления на форуме Maxsite записи Sadovnik'а с описанием конфликта подобной кнопки от DynamicDrive в Firefox 4 c галереями Colorbox и Lightbox я подумал, что неплохо бы оформить это решение плагином, тогда кнопка станет доступной для тех, кто опасается или не хочет лезть в код шаблонов MaxSite.

jQuery кнопка «Наверх»

Маленькая фича с использованием jQuery — кнопка «Наверх». Когда мы или еще наверху окна браузера или вернулись наверх, кнопка не раздражает неуместностью. Как только мы открутили сколько-то пикселей вниз, кнопка появляется в заданной нами точке окна браузера, предлагая ненавязчивый сервис.

В качестве интерактивного элемента я использовал ссылку, тогда кнопка (с соответсвующим якорем) продолжает работать с отключенным JavaScript.

First Previous 1 2 Last