JavaScript
@font-face вместо Cufon
спользование красивых шрифтов на сайте перестало быть редкостью, на помощь верстальщикам пришли такие JS библиотеки как sIFR , typeface и Cufon. В них есть как множество плюсов так и минусов… также можно задаться вопросом, что из этого списка лучше использовать для своего проекта, и я вам скажу, что лучше использовать @font-face и отображать шрифт как обычный текст.
Но как всегда есть браузеры ;) которые это свойство не поддерживают и нечего не остаётся как использовать вышеперечисленные библиотеки. Сегодня я хочу познакомить вас с методикой как, используя нестандартный шрифт, разграничить методы отображения шрифтов между этими браузерами.
Обновлен плагин – табслайдер
Продолжаю фиксить, обновлять и усовершенствовать свои плагины. Следующий на очереди “Табслайдер”
Обновления в плагине:
Посмотрев код плагина, ужаснулся, как я мог такое напидалить… Короче плагин переделан на 95%, из старой версии остались лишь названия нескольких параметров :)
- Оптимизирован код плагина
- Переименована главная функция с slideNews на tabSlide
- Класс “active” для активной ссылки ставится теперь на родителя
- Добавлена возможность перехода на другой таб отдельными ссылками, расположенных например в контенте и т.п. Параметр “otherLinks”
- Добавлена параметр для анимации различных по высоте табов – animateContentHeight
- Добавлен параметр для возобновления автослайда через некоторое время после клика на табы и стрелочки. startAfterClick
- Не стандартный easing вмонтирован в плагин и не требует дополнительных кодов
Детальнее по плагину вы можете почитать в обновленном посте
Обновился плагин для слайдшоу
Одним из наиболее популярных скриптов в моем блоге является плагин для галерей и слайдшоу. Поэтому я постарался как можно быстрее сделать апдейты и фиксы для этого скрипта.
Хочется сразу выразит вам благодарность, многие пишут мне о найденных багах в скрипте, все эти письма и комментарии я учитывал, и наконец-то выделил для этого время.
Обновления в плагине:
Самый главный апдейт в коде – это оптимизация, 70% кода было переписано заново. Сказывается опыт работы в этой отрасли… смотря на многие свои старые плагины – хочется большинство переделать.
Новый код уменшился в размере с 5.5 КБ до 3.5 КБ, и за счет новых параметров увеличился до 5 КБ, за счет нового алгоритма – уменьшена нагрузка на браузер.
Еще несколько мелких апдейтов и фиксов:
- Пофикшен баг связанный с паузой и переключением на следующий/предыдущий слайд
- Пофикшены баги связанные с несуществующими ссылками
- зменено название параметра с numElementLink на numElement
- Добавлен параметр noCicle – для не циклического переключения
- Добавлен параметр disableClass – клас на prev/next, работает в связке с noCicle
Детальнее по плагину вы можете почитать в обновленном посте
Мелкие, но полезные функции. Часть 2
Продолжаю данную тему, как выяснилось – многим интересную :)
Мелкие, но полезные функции. Часть 1
Очень часто в больших и масштабных проектах, а также в проектах попроще приходится пользоваться всякими мелкими функциями для различных целей. Чаще всего эти функции повторяются от проекта к проекту, поэтому сегодня хочу поделится с вами тем набором, которым мне приходится пользоваться чаще всего.
Аккордеон на prototype
значально на блоге я собирался писать статьи равноценно, о наиболее развитых фреймверках и плагинам к ним, но так повелось, что о jQuery я пишу чаше, было пару статей по mootools и совсем нечего по prototype. В сегодняшней статье я хочу это поправить.
Что я заметил из своего опыта – в prototype хорошо реализованы функции анимации, всегда эффекты в этом фреймверке выглядят более плавно чем в том же jQuery. prototype не самый легкий для изучения, МХО много чего в нем и не хватает… но темнемение он используется в некоторых популярных CMS и поэтому часто востребован клиентами!
Для фреймверка существуют большое количество различных плагинов, но наиболее часто востребованы самые популярные эффекты – лайтбокс, галерея, аккордеон. менно на последний и хочу обратить ваше внимание.
Прокрутка списка объектов по событию mousemove
Лето, жара… хочется отдыхать и купаться, но никак не писать интересные статьи :) поэтому опять я пишу с небольшим перерывом. Долго думал – чем же Вас порадовать на этот раз, “валидация форм” – большая статья (напишу позже разбив на пару частей :), “AJAX upload файлов” – хмм.. интересно, но нужен хороший пример (будет позже :), “как сделать свой JS фреймверк” – наверное будет цикл нескольких статей и начну точно не сегодня :)))
Вот так я долго не решался… но на днях у одного из моих коллег было задание сделать карусель, которая бы вращалась при перемещении мышки, причем по бокам были ПНГ затенения… похардкодив немного он конечно же сделал :))) Но у меня тоже были наработки по этому направлению, и я решил на выходных усовершенствовать свой плагин, чтобы он работал в любых условиях :)
Плагин – mouseGallerySlide
Метки
Рубрики
- Browsers (2)
- CSS (2)
- HTML (6)
- JavaScript (30)
- jQuery (17)
- JS Plugins (21)
- Mootools (3)
- off-topic (2)
- Prototype (1)
- WordPress (1)
- WP Plugins (1)
- Верстка (2)
- Методики (5)
- Полезные ссылки (6)