Pull to refresh

Вышел jQuery UI 1.5 RC1

jQuery *
Как сообщает нам наш официальный источник — вышел первый релиз-кандидат jQuery UI — набора виджетов и визуальных эффектов для известного в узких кругах JS-фреймворка jQuery.

Как утверждает источник, RC1 довольно стабилен, а точнее — это самая стабильная версия из тех, которые вообще выпускались. :) Так что — спешите обновляться.

Ах да, чуть не забыл — в некоторых местах поменялось API (в draggable и resizable модулях так точно поменялось), так что будьте всё же осторожны и предусмотрительны.
Total votes 33: ↑30 and ↓3 +27
Views 1.1K
Comments 36

Всплывающие модальные окна на jQuery в ASP.NET

.NET *
В данной статье я расскажу о своём опыте реализации всплывающего модального окна с некой формой и submit-кнопкой на ASP.NET + jQuery и с теми ошибками, с которыми я столкнулся.

Читать дальше →
Total votes 24: ↑22 and ↓2 +20
Views 13K
Comments 17

jQuery UI 1.6rc2

jQuery *
Обновилась UI библиотека. Самое главное, что, помимо многочисленных изменений и исправлений ошибок, были добавлены новые виджеты:

* Autocomplete
* Colorpicker
* Magnifier (Welcome back)
* Progressbar
* Spinner

Ссылка на анонс
Ссылка на changelog
Total votes 5: ↑4 and ↓1 +3
Views 920
Comments 0

UI: magnifier — описание всех функций

jQuery *


Вместе с выходом jQuery UI 1.6rc2 появились новые виджеты, один из которых Magnifier. Это интересный элемент управления, который может разнообразить дизайн на странице. К сожалению, описание этого виджета отсутствует на странице официальной документации и этот пост призван восполнить пробел и описать все параметры виджета Magnifier.
обращаю внимание, что это мои личные исследования виджета и полученные результаты могут не совпадать с финальной версией или с документацией, которую выпустят разработчики, которые могут оставить недокументированными некоторые из найденных параметров

Читать дальше →
Total votes 37: ↑31 and ↓6 +25
Views 2.4K
Comments 48

Упрощаем разработку сайта с Site Helper

Website development *
Site Helper(SH) – тулза для помощи верстальщикам, а также хороший инструмент для общения верстальщик-программер-руководитель, а так же руководитель-клиент «не отходя от сайта» незаметно для обычных пользователей и в реальном режиме времени.

Наверное, каждый, кто хотя бы разверстал пиксель в пиксель под каждый браузер, сталкивался с ситуацией, когда что-то едет, не совпадают высоты ширины блоков… ситуация знакомая.
Тут может спасти PixelPerfect или сетка разметки на js или SH ;)

Ещё очень распространенная ситуация, когда заказчик или тестер нашел баг и не может понятно объяснить, где он находится. Ну, или заказчик решил добавить блок баннеров и также не может внятно объяснить, что и куда.
Читать дальше →
Total votes 69: ↑66 and ↓3 +63
Views 939
Comments 45

Уи, джквери, уи!

Lumber room
В блоге jquery был анонсирован 1.6rc5 UI.JQuery. Разумеется совместимый с jquery 1.3, с положенными примерами использования. И, как водится, всё большим и большим объёмом.

К счастью в ui.jquery можно самому скомпоновать необходимый набор из Core и, скажем, Draggable. Получив в результате меньший размер и ограничивая библиотеку только необходимым функционалом, без подгруза всего лишнего и ненужного в данном случае.

Судя по перечню возможностей, вошедших в стандартный ui — ничего нового туда не добавилось. Надеюсь, впрочем, что стабильность того, что там было и совместимость со всеми существующими браузерами стала лучше, стабильнее, надёжнее.

Качать ещё не бегал — пока удовлетворяюсь jquery + plugin и самописное
Но, если вам уже нужны стандартные UI-возможности — велкам — качайте (читайте) jQuery UI 1.6rc5
Total votes 17: ↑13 and ↓4 +9
Views 196
Comments 5

Расширение Jeditable плагина на примере Wymeditor и JqueryUI.datepicker

jQuery *
Столкнулся с задачей когда надо было сделать на сайте возможность редактировать контент в паблик части по клику на блок. И решил что это неплохой повод освоить jQuery. Скачал jquery, jQuery UI (плагин datepicker), wymeditor и Jeditable плагин.

С интеграцией jeditable все было просто. Плагин очень порадовал, оказался гораздо удобней плагина Editable. А вот с интеграцией с jQueryUI.datepicker и wymeditor’ом пришлось немного повозиться.
Проблема с которой я столкнулся заключалась в том что по поводу расширения плагина jeditable было написано очень мало, точнее только страница с примерами, я до этого с jQuery дел не имел и поэтому пришлось помучаться. Результаты с объяснением ниже, авось кому поможет.
p.s. оказалось что документация есть но я ее плохо искал.
И вот что получилось
Total votes 7: ↑6 and ↓1 +5
Views 2.3K
Comments 12

jQuery Ui.datetimepicker

jQuery *
Привет! Сегодня решил сойти с ума! Конечно родной datepicker в ui это хорошо, но когда нужно и параметр «время» – данного виджета не хватает.
Внимание! Писал все быстро, инструкцию не пишу т.к. хватает этой.
Думаю разберетесь.
Демо тут.

Total votes 78: ↑59 and ↓19 +40
Views 32K
Comments 24

jQuery UI 1.7.2

jQuery *
Translation
Почти незаметно вышел второй поддерживающий релиз jQuery UI 1.7.

Подробный список исправлений я переведу позднее, однако на рабочем проекте обновление библиотеки произошло без проблем. Кстати, проблема с toggle решена. И, главное, начата работа над jQuery UI 1.8!

Загрузить

Файлы

Список изменений


Смотрите список изменений версии 1.7.2, чтобы увидеть, что именно включено в этот релиз…

Новые темы


Ребята из Filament Group снова сделали это. Они отдали нам 7 ещё более красочных тем оформления в галерее ThemeRoller:
Читать дальше →
Total votes 28: ↑22 and ↓6 +16
Views 3.9K
Comments 12

jQuery UI 1.8 зарелизило

jQuery *
image
1) Теперь используется jQuery 1.4.2
2) 5 новых виджетов (в том числе и автокомплит)
3) 1 новый эффект
4) ядро на 71% стало меньше, за счет выноса из него нескольких модулей в отдельные плагины.
5) и т.д.…
Подробнее об изменениях. И тут
Как всегда много демо

Скачать


jQuery UI 1.8 Starter Pack содержит все компонетны и тему по умолчанию. Оптимизирован для использование с Getting Started Guide, для новичков.
jQuery UI 1.8 Development Bundle содержит все компоненты и тему по умолчанию. Оптимизирован для разработчиков.
jQuery UI 1.8 Themes Pack Содержит 21 тему
jQuery UI 1.8 Download Builder создаете сборку самостоятельно

jQuery UI теперь на GitHub! :)
Total votes 55: ↑46 and ↓9 +37
Views 1.3K
Comments 13

MODx — собственный ajax календарь событий/новостей без Ditto

MODX *
Sandbox
Задали мне тут намедни задачку: сделать календарь событий на ModX Evolution.
Движок этот я искренне люблю, за его небывалую гибкость и лично мне понятность.

Задача показалась простой, но по мере выполнения встретился с парой сложных моментов.
Итак, кто хочет сделать у себя на сайте календарик с всплывающим списком событий — прошу под хаброкат!

Читать дальше →
Total votes 41: ↑38 and ↓3 +35
Views 10K
Comments 26

HTML-controlbar для Flowplayer’a на основе стилей jQuery UI

jQuery *
Вопрос поиска хорошего flash-плеера с HTML-интерфейсом занимал и занимает многих. Только на хабре можно найти немало статей на похожую тему. Так сложилось, что для своих нужд я использовал Flowplayer с плагином Controlbar с официального сайта. И все же чего-то не хватало…

Однажды пришло решение – использовать удобство тем jQuery UI для стилизации элементов управления. Было очевидно, что писать плагин придется самому. Увидеть, что из этого получилось можно под катом.

Читать дальше →
Total votes 25: ↑22 and ↓3 +19
Views 3.4K
Comments 20

ASP.NET MVC 3 для начинающих: добавляем ввод даты с помощью jQueryUI и NuGet

Website development *
image
В ходе обучения новым технологиям перед новичками часто возникают типовые задачи, которые не так просто решить. В цикле статей MVC3 для начинающих будут представлены решения таких задач.

Частый вопрос, который встает перед веб-разработчиками – это добавление на страницу удобного ввода даты с помощью ниспадающего элемента в виде календаря. В этой статье дается короткое описание того, как в MVC 3 добавить такой элемент за несколько мгновений с помощью пакетного менеджера NuGet и библиотеки jQuery UI.

Ниже представлено полное решение с исходными кодами.

Читать дальше →
Total votes 54: ↑39 and ↓15 +24
Views 13K
Comments 5

Javascript мастер-классы от Ильи Кантора в Украине

Ciklum corporate blog
В прошлом году у нас проводил мастер-классы Илья Кантор (http://javascript.ru), профессионал в области JavaScript.

Темами его мастер-классов были — профессиональное JavaScript-программирование, AJAX/COMET, jQuery. С тех пор мы получили много вопросов о том, планируются ли такие мастер-классы еще и когда.

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

Мастер-классы пройдут в Киеве 17-18 мая, в нашем чудесном зале на 20-м этаже.

Кроме Киева, они будут в этом году в Харькове, Львове и Херсоне.
Более подробная информация о мастер-классах — на сайте ведущего http://javascript.ru/mk.

Читать дальше →
Total votes 25: ↑17 and ↓8 +9
Views 8K
Comments 7

jQuery UI как инфраструктура для плагинов

jQuery *

Введение


jQuery UI больше всего известен как набор готовых виджетов. Главное их преимущество, на мой взгляд, — консистентное API: каждый виджет управляется одинаково. Второе их преимущество — они хранят свое состояние: если повторно навесить виджет на элемент, то результатом будет уже существующий инстанс виджета.
Но jQuery UI — это не только набор окошечек и табов (далеко не всеми любимых). Это еще целая инфраструктура для создания своих виджетов: с удобным консистентным API, с хранением состояния и с возможностью наследования. Как ни странно, это для многих новость, в результате чего и появилась эта статья — так же, как это было новостью для меня всего несколько месяцев назад.
Все, что вы хотели узнать о jQuery UI, но стеснялись спросить
Total votes 87: ↑86 and ↓1 +85
Views 21K
Comments 51

Интересный прогресс-бар

jQuery *
Sandbox
В данном обзоре я хочу показать как можно расширить возможности компонента Progressbar плагина jQuery UI. Для начала поставим перед собой задачи, которые мы и будем решать:
  • прогресс-бар должен быть динамическим, т.е. «бежать вперед» (заполняться) с течением времени
  • возможность задавать параметры «бега» бара
  • удобство визуального использования. К примеру отображение текущего процента заполнения прогресс-бара

Остановимся подробнее на параметрах «бега». Бар можно параметризовать различными образами: задавая время запуска, шаг и период; время финиша, шаг и период; время старта, время финиша и шаг. Я остановился на последнем, т.е. для инициализации нашего прогресс-бара достаточно указать время старта, время финиша и шаг.
Читать дальше →
Total votes 63: ↑49 and ↓14 +35
Views 38K
Comments 56

График «мастер-детали» средствами Highcharts и jQuery UI

JavaScript *
Sandbox
При наличии большого количества статистических данных, например таких, как котировки валют (и прочие данные, связанные с финансовой тематикой), потребление чего-либо (воды и т.д.), вообще говоря, любых данных, которые так или иначе можно представить в виде пары «дата — значение», бывает удобно представить их в графическом виде. Так как данные могут быть собраны за достаточно большой период времени, имеет смысле представлять их в виде пары графиков: «мастер»-график, на котором будут отображены все точки, и график «детали», где будут отображены точки за требуемый период. В данной статье я постараюсь рассказать, как построить график подобного типа при помощи стандартных средств библиотек HighCharts и jQuery UI.

Приведенное ниже решение, в принципе, является велосипедом, т.к. с появлением нового продукта от разработчиков HighCharts, который получил название HighStock, необходимость в реализации подобным способом отпадает. Впрочем, HighStock пока еще в состоянии beta.
Читать дальше →
Total votes 41: ↑37 and ↓4 +33
Views 6.7K
Comments 22

Open Source RIA на Spring Framework'e

Java *

RIA — Rich Internet Application.
Spring Framework — каркас приложения.
Open Source — открытый исходный код. Бери и пользуйся.
О том какое RIA приложение разработано, где можно его посмотреть и взять исходники под хабракатом.

Читать дальше →
Total votes 17: ↑13 and ↓4 +9
Views 3K
Comments 8