Интересный плагин, позволяющий динамически выдвигать другую страницу справа, сдвигая текущую. Замечательно подойдёт для сайдбаров или оглавления. Автор пишет, что идея свежая и позаимствованная у Firefox Mobile, хотя то же руководство Code Igniter использует подобную технику уже несколько лет.
Все заметки с тегом «JavaScript»
-
jQuery pageSlide
31 декабря 2009
-
Обновился CKEditor 3.0.2
21 декабря 2009
Обновился один из популярных WYSIWYG-редакторов. Исправлена ошибка с потерей фокуса в IE и многое другое…
-
jQuery 1.4 Alpha 2
19 декабря 2009
Вслед за первой, вышла вторая альфа новой линейки популярной JavaScript-библиотеки jQuery.
Размер несжатой версии вырос ещё на 2.6 Кб и составил 90,4 Кб, однако паниковать не стоит: во-первых это ещё даже не RC, а во-вторых YUI Compressor, используемый для сжатия кода, был заменён на Google Compiler, что дало 13% уменьшение размера библиотеки. Итоговый размер финальной версии ожидается в районе 22,8 Кб против 19 Кб у 1.3.2.
Стоит напомнить, что цель данной версии — проверить jQuery 1.4 в реальных приложениях и получить кучу баг-репортов.
-
jQuery 1.4 Alpha 1
5 декабря 2009
Вышла первая альфа-версия удобной JavaScript-библиотеки jQuery. Код проходит все модульные тесты во всех поддерживаемых браузерах, т.е. достаточно стабилен. Новые возможности добавляться не будут. Цель данной версии — проверить jQuery 1.4 в реальных приложениях и получить кучу баг-репортов.
Основные изменения:
live() теперь поддерживает события submit, change, mouseenter, mouseleave, focus и blur.
Оптимизированы методы для работы с DOM, find, empty, remove, addClass, removeClass, hasClass, attr и css.
add() возвращает элементы в порядке их расположения в документе.
Мощный рефакторинг ядра, который позволяет сделать jQuery модульным и, в дальнейшем, подгружать только нужные модули при помощи $.getScript().
Размер вырос с 55 до 88 кб, что, конечно, не очень радует. Зато радует, что в этом направлении ведутся работы: Closure Compiler с минимальными оптимизациями даёт на выходе уже 64 кб.
До нового года будет выпущена ещё одна Alpha. Релиз ожидается в январе.
-
Асинхронный API Google Analytics
3 декабря 2009
Наконец-то Google Analytics можно установить у себя без ущерба скорости загрузки страницы.
Новый код выглядит так:
var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-XXXXX-X']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; ga.setAttribute('async', 'true'); document.documentElement.firstChild.appendChild(ga); })();
-
Google Closure
6 ноября 2009
Вслед за Page Speed Google открыл ещё один отличный внутренний набор инструментов — Closure. В комплекте:
Closure Compiler — валидатор, оптимизатор и компрессор JavaScript. Выкидывает неиспользуемый код, жмёт, проверяет. Доступны версия для командной строки, веб-приложение и интеграция с Page Speed.
Closure Inspector — плагин для FireBug. Позволяет удобно отлаживать код, полученный из Compiler.
Closure Library — хорошо оттестированная модульная кросс-браузерная библиотека с довольно обширным функционалом: виджеты, контролы, анимация, структуры данных, работа с DOM, взаимодействие с сервером, юнит-тестирование, WYSIWYG и ещё много всего.
Closure Templates — шаблонизатор для Java и JavaScript с простым синтаксисом. JavaScript-реализация прекомпилируется в обычный JS-код, как это делается в большинстве PHP-шаблонизаторов.
-
Eventbug
30 октября 2009
Eventbug — плагин для Firebug, позволяющий просматривать события, назначенные элементам DOM-дерева.
Для того, чтобы попробовать данный плагин в действии:
-
SimpleModal
29 октября 2009
Гибкая кроссбраузерная реализация модального бокса с простым и понятным интерфейсом.
-
jQuery, работаем c iframe
29 октября 2009
Вот так можно работать с фреймом из контекста основной страницы:
$('iframe#myFrame').contents().find('div.myClass').append("Hallo, Welt!");
Чтобы убедиться предварительно, что контент фрейма загрузился:
$('iframe#myFrame').load(function(){ $(this).contents().find('div.myClass').append("Hallo, Welt!"); });
-
Google Gears в деталях
9 октября 2009
Отличная детальная статья с кодом и работающими примерами про то, что такое Google Gears, что умеет и для чего его можно использовать.