jquery

Необычные java-script плагины

2011/3/2 0:5 

So, Isotope - jQuery плагин для магических макетов. Вы можете показывать и скрывать элементы списка, включать фильтрацию по нескольким признакам, изменять порядок элементов с сортировкой и без. Синтаксис очень простой, но макеты могут быть очень динамичными и интеллектуальным. Бесплатен для ...

foot-урология в действии, бытовое

2010/8/5 22:20 

Как я и предполагал каких-то полгода назад, Google Wave тово - отмучился, касатик. Не потому, что плохо сделано - а потому, что непонятно - зачем оно вообще? Какие такие неразрешимые задачи решает, какие процессы упрощает, на какую целевую группу рассчитано ...

вебмастерское за июнь

2010/6/27 14:32 

Мало кто знает и еще меньше кто использует появившуюся в HTML5 фичу - предварительную загрузку страниц. Link prefetching работает во всех современных браузерах, поддержка в IE ожидается к 2020 году, ждите! Copy to clipboard - бывает нужно вставить в буфер нечто ...

jQuery: работа с изображениями и видео

2010/5/3 15:36 

На хабре появилась интересная статья о модификации изображений для сайта: организация preview для картинок, типы модификаций, например, как правильно настроить автоуменьшение изображений с людьми - в общем, почитать полезно. А из комментариев я вытащил парочку интересных скриптов на jQuery, реализующих ...

jsPlumb - подвешиваем блоки с jQuery

2010/4/20 6:21 

Очень зрелищный и эффектный плагин к jQuery: jsPlumb. Название можно перевести и как "отвес" и как "грузило", плагин вместе с jQuery UI позволяет "подвешивать" визуально связанные блоки в пространстве, причем расположение их динамическое - пользователь может произвольно перемещать их мышкой, ...

jQuery.popeye

2010/4/17 8:28 

Полку лайтбоксов прибыло: встречаем jQuery.popeye - inline lightbox, то есть эдакий всепогодный просмотрщик галереи изображений, гибрид лайтбокса и слайдера. jQuery.popeye предлагает самое аскетичное решение для галерей - все картинки галереи больше не занимают драгоценное место на странице, а просматриваются в выделенном ...

jQuery: Slide + caption =

2010/2/21 19:3 

Довольно простой слайдер изображений на jQuery, в автоматическом режиме прокручивает (в прямом смысле - справа налево, а потом резко всё возвращает взад!) изображения в заданном окне, на панели индикации имеются ссылки на конкретную картинку для ручного переключения. Источник, демо. Animate Panning ...

на неделе: webmasters only

2009/12/14 0:34 

Давно не делал подборок только для вебмастеров, исправляюсь. Итак, на этой неделе делаем сайты: Стильно: создаем CSS3 тень с помощью jQuery Plugin To Create CSS3 Text-Shadows In Internet Explorer - тень появляется во вновь созданном слое поверх искомого текста, смотрится вполне ...

на неделе

2009/12/6 0:54 

Итак, на этой неделе были обнаружены и осмотрены на предмет полезности следующие кандидаты: 5 способов исправить баг с альфа-прозрачностью изображений в формате .png под IE6. Пожалуй, хватит уже. От разработчиков Highslide.js - HightCharts - могучий скрипт для рисования разновсяческих графиков и диаграм, ...

JS Bin - отладка JavaScript онлайн

2009/10/22 16:15 

JS Bin - онлайн сервис, специально предназначенный для помощи в отладке фрагментов кода JavaScript и CSS, как самостоятельно, так и в составе организованных групп. Внешне это выглядит как обычный текстовый редактор с подсветкой кода, достойное и логичное продолжение сервисов ...

jQuery Address - Deep linking plugin

2009/10/9 15:47 

Deep linking - термин, практическая необходимость в котором для меня лично сомнительна, большинство мне подобных соглашаются что термина "гиперссылка" вполне достаточно. Тем не менее крючкотворы утверждают, что Внешнее Связывание (нет, это не подраздел в фетише, это перевод термина такой) как ...

Динамическая генерация фрейма с jQuery

2009/9/19 2:40 

Для динамического создания фрейма на странице потребуется: собственно сама подключенная библиотека jQuery небольшой java-script включенный в заголовок страницы ссылка на страницу, которую мы хотим отобразить во фрейме с соответствующими атрибутами: class и rel. Class укажет скрипту, что эту ссылку необходимо открыть во фрейме, ...

CSS Hover Effect

2009/8/10 12:46 

/* ---- styling the list ---- */ #work { float:left; list-style:none; margin:0; padding:0; } #work li { float:left; display:block; width:235px; margin:10px; display:inline; padding:3px; background:#fff; border:1px solid #cad789; height:154px; } #work li a { border:none; } #work p { margin-bottom:0; } /* ---- show-hide elements ---- */ #work li .show{ display:block; width:235px; height:154px; } #work li .hide { color:#d4df9d; text-align: left; height: 0; overflow: hidden; background:#687b00; } #work li:hover .hide, #work li.over .hide { cursor: pointer; height: 133px; padding:10px; width:215px; } #work ...

Министерство правды

2009/7/17 20:9 

Вот так и не менее чем, назвал свеженарисованный сайт мой партнер. minitrue.com.ua - простой инструмент отслеживания платной рекламы в блогах по реакции злых жадных детей, то есть вас, мои дорогие читатели :) На самом деле это довольно простой парсер поиска ...

Самые лёгкие плагины jQuery

2009/7/16 7:45 

Настраивая давеча один пивной проект на движке livestreet, поразился - насколько у людей велико стремление к прекрасному, насколько оно властно и уверенно водит рукой программиста, заставляя воткнуть 2 десятка скриптов и кучу прочего барахла на главную страницу. YSlow в ужасе ...

Верстка макета с jQuery

2009/6/1 14:34 

jQuery Masonry В голову сразу приходят масонство, тайные собрания, знаки посвященных и Дэн Браун почему-то за компанию. Тем не менее всё совсем не так страшно, masonry - это ещё и "кладка", это которая кирпичная jQuery Masonry - плагин к jQuery, организовывающий ...

jQuery + z-index = фотогалерея

2009/3/21 14:37 

"Свойство z-index для блочных элементов обойдено вниманием несправедливо, о юный падаван", сказал мастер Йода. А если попробовать управлять им с помощью jQuery, то можно получить много интересных фокусов, решил Sebastian Senf и предложил элегантное решение для фотогалереи В отличие от множества ...

Simple tip - всплывающая подсказка на jQuery

2009/2/13 0:31 

Еще один лёгкий (3.4 кб) скрипт, реализованный в виде плагина к полюбившемуся java-script фреймворку jQuery - Simpletip. Всплывающая подсказка - tooltip - дело рук Крейга Томпсона из Ньюкастла, стабильная версия 1.3.1 доступна для скачивания и использования совершенно бесплатно. Всплывающая подсказка ...

Релиз jQuery и скрипты

2009/1/25 13:4 

Во-первых, jQuery зарелизился, но в традиционном посленовогоднем угаре на такие мелочи никто внимания не обращает. Газа, газ, Обама, кризис - богатый январь приключился на события. И только Dimox заметил, что для текущей версии jQuery не предлагают упакованной версии. То есть ...

Microsoft и Nokia будут использовать jQuery

2008/10/1 17:53 2

Компании Microsoft и Nokia объявили о планах использования библиотеки jQuery в качестве основного инструмента создания web-приложений в своих средах разработки. Так Microsoft намеревается интегрировать jQuery в будущие версии Visual Studio, а Nokia планирует использовать библиотеку в своей, основанной на WebKit, ...

Spacegallery - галерея в стиле "звездных войн"

2008/7/27 16:58 3

Просто again another image gallery. Оригинальный эффект: фото выплывают из далёкого далека и растворяются на переднем плане. В принципе можно использовать в новостях, хотя претенциозно наверное. В каталоге товаров - ну только если у вас очень необычный товар и хочется ...

jQuery multiselect плагин - asmSelect

2008/7/15 20:23 

Ни одна форма в HTML не вызывает столько затруднений у обычного пользователя, как <select multiple> — если есть необходимость выбрать из выпадающего списка боле одного значения. Что нажать — Ctrl или Shift, и где потом посмотреть выбранное? А как удалить, ...

Ненавязчивые сообщения с jQuery - jGrowl

2008/7/11 4:35 2

Иногда при взаимодействии с пользователем в рамках диалога появляется необходимость сказать ему пару слов - например, сделать предупреждение или уведомить о результате его действия. С этой работой успешно справляется функция java-script alert, но функционал этого серого окошка ограничен и не ...

Эффект accordion

2008/6/20 21:59 1

На прошлой неделе NetTuts опубликовал подробную статью с описанием создания accordion - эффекта раздвижных дверей. Порывшись в закладках, нашлось несколько вариантов создания эффекта accordion как с помощью различных фреймворков, так и без оных. Simple javascript Accordion - очень простой вариант вертикальных ...

jQuery UI v1.5

2008/6/9 20:21 

Дамы и господа, мои поздравления - релиз наступил! Новая версия jQuery UI v1.5 вышла с долгожданными багфиксами, множеством новых хороших образцов кода, новыми функциями и конструктором тем! Когда появилась первая версия jQuery UI, сначала обрадовался, потом посмурнел - вещь была хорошая, ...

Lightbox - атака клонов

2008/6/9 17:40 

Способ отображения всплывающих pop-up окон с подсказками, картинками, активным содержимым уже давно стал называться одним словом - lightbox. Я уже много раз писал о красивых всплывающих окнах, с аяксом и без, с использованием популярных фреймворков и самописных, совсем уже было ...

Fancybox - всплывающие окна для галереи

2008/4/2 12:47 3

Никак по другому я не смог коротко, внятно и SEO-friendly перевести "image zooming plugin". Плагин для jQuery, да, очень просто и красиво. Картинку запостить не могу, так что смотрим у автора.Плагин можетавтоматически масштабировать увеличенное узображение под разрешение вашего монитора ...

Всплывающая подсказка на ajax и диаграмма на css

2008/2/3 11:29 4

Ещё одна всплывающая подсказка - jTips. Ещё один плагин к jQuery, наверное самый маленький и удобный. Плюсы - информация, отображаемая во вплывающих окнах (tooltips), хранится во внешних html-документах (статичных, или генерируемых из БД) и вызывается ...

wSlide - делаем слайдшоу из списка

2008/1/31 8:58 

wSlide - плагин к jQuery, позволяет преобразовать любой список (текст или графика) в слайд-шоу, нумерация страниц может быть создана автоматически. Смотрим демо, демо с эффектами и демо с мощными эффектами (french inside!). Основное назначение инструмента - экономия ...

Ajax в помощь и неожиданный градиент на css

2008/1/19 9:16 2

Создаем текст с градиентом с помощью CSS Текстовый блок с градиентом не хотите? Нет, не фотошоп, css only. Да, уже можно - смотрим демо, выбираем понравившееся, используем. Webdesignerwall.com разместили кратенький туториал, за что им огромное спасибо! Да, опять ...