"сентябрьские jQuery, взлетая выше ели" - поём на мотив песенки "Крылатые качели", или когда одолевает писательский зуд, а писать не о чем - то пишем о плагинах, via ajaxian, там ещё много, я только интересные мне лично выбрал.
(mb)ConteinersPlus - этот компонент позволяет создавать полностью настраиваемые контейнеры с данными. Непонятно? Если проще, то эта штука делает лайтбоксы с заданными моделями поведения - то есть не просто всплывющие скрытые доселе слои, а полноценные элементы интерфейса сайта - они могут сворачиваться, менять стиль, подгружать контент, полный ajax короче, без демо не объяснишь.
de-padify - йет анозер бесконечный скроллер подгружающегося контента, как в просмотре rss-подписок в Google Reader (демо), весьма полезная штука в редких случаях, взял на заметку, может быть ещё на этой неделе пристрою в работу.
jFEF - Javascript Flash Embeded Font. No comments, даже не знаю как оно дружит с кириллицей, однако это первый релиз, если на странице несколько таких блоков - память жрёт только в путь, возможны глюки, просто наблюдаем, в продакшен не рекомендовал бы.
Embed Picasa Gallery - из названия понятно, что этот плагин выводит на вашей страничке ваши публичные фотографии из галерей Picasa. Очень легкий, удобный настраиваемый плагин, сплошной ajax, весь контент подгружается в фоне, сначала заглавные картинки альбомов, при нажатии на любую - подгружается альбом. Самое то что надо для хоумпейджей, без иронии.
maxChar - ограничивает количество символов, вводимых в текстовое поле и показывает сколько осталось. 5kB.
Smart Cart - плагин реализует корзину для интернет-магазина. По-моему, реализует весьма неплохо.
Вот такие полезные прибамбасы, а если кто и не использует jQuery, то им для сайта потребуются анкеры, саморезы, дюбели!
Deep linking - термин, практическая необходимость в котором для меня лично сомнительна, большинство мне подобных соглашаются что термина "гиперссылка" вполне достаточно. Тем не менее крючкотворы утверждают, что Внешнее Связывание (нет, это не подраздел в фетише, это перевод термина такой) как гиперссылка на конкретный документ сайта существенно отличается от ссылки просто на сайт (его главную страницу) и даже доказали это несколькими судебными процессами.
Однако даже из абсурда можно извлечь пользу, если подойти с умом: например ссылаться на определённый участок текста веб-страницы, это бывает полезно если страница большая и нужный текст долго искать, это давно реализовано в HTML с помощью a name.
Плагин jQuery Address позволяет организовать такие сылки с максимальным удобством для читателя, а именно:
В примере приведен текст разбитый на разделы, навигация осуществляется в данном случае с помощью закладок (табов), но это не исключительное применение плагина, обратите внимание на заголовки при переключении табов. Таким образом можно верстать например многостраничные руководств пользователя, объёмные статьи, книги, да собственно любые большие тексты, состоящие из озаглавленных логических блоков. В результате получается юзабельная навигация, на блоки удобно ссылаться как на обычные страницы и делать букмарки, как локальные так и в социалках!
Идейным сподвижником этого поста, всерьёз планирующим использовать этот плагин в своих мануалах был ремонт холодильников аристон (ariston).
jQuery LazyLoad - java-script плагин, позволяющий экономить время посетителя, трафик и нагрузку на ваш сервер. Известная проблема: далеко не всегда посетители, попадающие на вашу страницу, находят на ней то что им нужно. А время уходит, картинки грузятся долго, трафик расходуется, процессор работает. Хорошо, если заметка короткая, а ну как это статья на 10 экранов насыщенная графикой?
Плагин позволяет загрузить только те изображения, источник для которых указан в тексте, расположенном только на видимой части экрана, то есть посетителю вольно прочесть пару абзацев вашей статьи и решить - читаем дальше или уходим. Если ваш посетитель начинает использовать прокрутку, то картинки, расположенные в невидимой до сих пор части страницы начинают немедленно подгружаться, если он закрывает страницу - то все остаются при своей экономии (посетитель экономит время ожидания на загрузку картинок, вы экономите трафик и мощности), штанов нет и граждане довольные расходятся по домам!
И еще много полезных советов на otvetin.ru
Для динамического создания фрейма на странице потребуется:
На всякий случай напоминаю, что не все фреймы одинаково полезны, открывая таким образом неведому фигню, вы рискуете наградить этой фигней и посетителей, так что желательно лишний раз удостовериться в безопасности предлагаемого посетителям контента. Санкции от поисковиков крайне маловероятны, фрейма ведь на странице нет, он создаётся ди-на-ми-чес-ки! Смотрим образец на странице автора: inFrame: Keep Demos Inside the Page with jQuery.
Настраивая давеча один пивной проект на движке livestreet, поразился - насколько у людей велико стремление к прекрасному, насколько оно властно и уверенно водит рукой программиста, заставляя воткнуть 2 десятка скриптов и кучу прочего барахла на главную страницу. YSlow в ужасе рапортует: "22 external Javascript scripts, 5 external stylesheets,22 external background images, убейте меня кто-нибудь"!
Это была преамбула о том, как наверное не стоит делать, а написать я хотел про маленькие, лёгкие и функциональные вещи, которые здорово облегчают жизнь и украшают сайт:
Постовой в этот раз поддерживают на ходу автомобили с пробегом, они же - подержанные авто