JavaScript

@font-face вместо Cufon

спользование красивых шрифтов на сайте перестало быть редкостью, на помощь верстальщикам пришли такие JS библиотеки как sIFR , typeface и Cufon. В них есть как множество плюсов так и минусов… также можно задаться вопросом, что из этого списка лучше использовать для своего проекта, и я вам скажу, что лучше использовать @font-face и отображать шрифт как обычный текст.

Но как всегда есть браузеры ;) которые это свойство не поддерживают и нечего не остаётся как использовать вышеперечисленные библиотеки. Сегодня я хочу познакомить вас с методикой как, используя нестандартный шрифт, разграничить методы отображения шрифтов между этими браузерами.

› Подробнее

Tags: , , , ,

Обновлен плагин – табслайдер

Продолжаю фиксить, обновлять и усовершенствовать свои плагины. Следующий на очереди “Табслайдер”

Обновления в плагине:

Посмотрев код плагина, ужаснулся, как я мог такое напидалить… Короче плагин переделан на 95%, из старой версии остались лишь названия нескольких параметров :)

  • Оптимизирован код плагина
  • Переименована главная функция с slideNews на tabSlide
  • Класс “active” для активной ссылки ставится теперь на родителя
  • Добавлена возможность перехода на другой таб отдельными ссылками, расположенных например в контенте и т.п. Параметр “otherLinks”
  • Добавлена параметр для анимации различных по высоте табов – animateContentHeight
  • Добавлен параметр для возобновления автослайда через некоторое время после клика на табы и стрелочки. startAfterClick
  • Не стандартный easing вмонтирован в плагин и не требует дополнительных кодов

Детальнее по плагину вы можете почитать в обновленном посте

Четверг, Ноябрь 12th, 2009 JavaScript 2 Коментариев

Обновился плагин для слайдшоу

Одним из наиболее популярных скриптов в моем блоге является плагин для галерей и слайдшоу. Поэтому я постарался как можно быстрее сделать апдейты и фиксы для этого скрипта.

Хочется сразу выразит вам благодарность, многие пишут мне о найденных багах в скрипте, все эти письма и комментарии я учитывал, и наконец-то выделил для этого время.

Обновления в плагине:

Самый главный апдейт в коде – это оптимизация, 70% кода было переписано заново. Сказывается опыт работы в этой отрасли… смотря на многие свои старые плагины – хочется большинство переделать.
Новый код уменшился в размере с 5.5 КБ до 3.5 КБ, и за счет новых параметров увеличился до 5 КБ, за счет нового алгоритма – уменьшена нагрузка на браузер.

Еще несколько мелких апдейтов и фиксов:

  • Пофикшен баг связанный с паузой и переключением на следующий/предыдущий слайд
  • Пофикшены баги связанные с несуществующими ссылками
  • зменено название параметра с numElementLink на numElement
  • Добавлен параметр noCicle – для не циклического переключения
  • Добавлен параметр disableClass – клас на prev/next, работает в связке с noCicle

Детальнее по плагину вы можете почитать в обновленном посте

Tags: , ,

Пятница, Октябрь 30th, 2009 JS Plugins, JavaScript, jQuery Нет коментариев

Мелкие, но полезные функции. Часть 2

Продолжаю данную тему, как выяснилось – многим интересную :)

› Подробнее

Четверг, Октябрь 22nd, 2009 JavaScript 1 Коментарий

Мелкие, но полезные функции. Часть 1

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

› Подробнее

Tags:

Суббота, Сентябрь 26th, 2009 JavaScript 4 Коментариев

Аккордеон на prototype

значально на блоге я собирался писать статьи равноценно, о наиболее развитых фреймверках и плагинам к ним, но так повелось, что о jQuery я пишу чаше, было пару статей по mootools и совсем нечего по prototype. В сегодняшней статье я хочу это поправить.

Что я заметил из своего опыта – в prototype хорошо реализованы функции анимации, всегда эффекты в этом фреймверке выглядят более плавно чем в том же jQuery. prototype не самый легкий для изучения, МХО много чего в нем и не хватает… но темнемение он используется в некоторых популярных CMS и поэтому часто востребован клиентами!

Для фреймверка существуют большое количество различных плагинов, но наиболее часто востребованы самые популярные эффекты – лайтбокс, галерея, аккордеон. менно на последний и хочу обратить ваше внимание.

› Подробнее

Tags: , ,

Суббота, Август 1st, 2009 JS Plugins, JavaScript, Prototype 6 Коментариев

Прокрутка списка объектов по событию mousemove

Лето, жара… хочется отдыхать и купаться, но никак не писать интересные статьи :) поэтому опять я пишу с небольшим перерывом. Долго думал – чем же Вас порадовать на этот раз, “валидация форм” – большая статья (напишу позже разбив на пару частей :), “AJAX upload файлов” – хмм.. интересно, но нужен хороший пример (будет позже :), “как сделать свой JS фреймверк” – наверное будет цикл нескольких статей и начну точно не сегодня :)))

Вот так я долго не решался… но на днях у одного из моих коллег было задание сделать карусель, которая бы вращалась при перемещении мышки, причем по бокам были ПНГ затенения… похардкодив немного он конечно же сделал :))) Но у меня тоже были наработки по этому направлению, и я решил на выходных усовершенствовать свой плагин, чтобы он работал в любых условиях :)

Плагин – mouseGallerySlide


› Подробнее

Tags: , ,

Воскресенье, юль 19th, 2009 JS Plugins, JavaScript, jQuery 10 Коментариев
Rotaban.ru - биржа банерной рекламы