Блог Александра Башкирова

ИТ и бизнес, компьютеры и ПО, фото, программирование и просто мысли…

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

Метки: JavaScript

И еще раз про ScriptJava и jQuery

Рубрика: Alib.spb.ru

Я писал про ScriptJava - библиотеку, аналогичную jQuery.

Собственно, комментарий к тому посту и заставил меня "снова взяться за перо". В частности, рассмотреть эту библиотеку более подробно. Рассматривать я решил с позиции практической применимости.

Итак, что у нас в основном делается на jQuery? Если "без особых наворотов", то простенькие визуальные эффекты - меню, слайдеры, ротаторы и т.д. Также на jQuery реализуются такие вещи, как Ajax. Оговорюсь - все то же самое можно сделать и на "чистом" JavaScript. Только дольше, потому что кода писать больше. Очевидно, что JS frameworks, типа jQuery и ScriptJava берут на себя часть работы, скрывая некоторые вещи JavaScript за определенным уровнем абстракции.

Сразу же оговорюсь: лично я не считаю размер фреймворка решающим фактором, при современных каналах и вычислительных мощностях что 20, что 200 Кб практически незаметны. Это я к тому, что размер ScriptJava по отношению к jQuery для меня не является преимуществом.

Итак, к делу.

Что умеет ScriptJava по сравнению с JQuery? Попробуем свести "типовые" задчи в таблицу и разобраться - работает или нет.

ЗадачаjQueryScriptJava
1 Ajaxдада
2 Динамическое изменение атрибутов (класса, тега, id)дада
3Получение JS элементадада
4Поддержка событий (обработчики событий элемента)дада
5Плагиныданет

Какие выводы? При помощи задач №2,3 и №4 можно "слепить" простые (но работоспособные) менюшки; на сайте ScriptJava есть пример кода ротатора изображений. То есть "первые задачи" (те, что встречаются "в лоб" - сделать меню, сделать ротатор изображений, подгрузить Ajax'ом результат работы скрипта) ScriptJava решает.

Тогда вопрос - почему разработчики повально не используют ScriptJava? Как мне кажется, причин две. Первая - в том, что проект развивается достаточно медленно (я об этом уже писал; среднее время выхода новой версии - полгода), это же следствие того, что проект, судя по всему, поддерживается одним человеком (комьюнити вокруг него я не заметил). Вторая причина - в том, что ScriptJava "в лоб" не поддерживает плагины, то есть вокруг него нет пула решений, которые бы позволили "взять-и-работать". Например, на jQuery есть масса плагинов, которые могут, например, из списка сделать меню (причем - разные: от "аккордеона" до "классического"), могут реализовать ротатор (несколькими способами с эффектами на выбор), могут "закрепить" элемент при прокрутке и т.д.

Лично я, сознаюсь честно - особенно в силу первой причины (отсутствие поддержки сообщества) плотно "сижу" на jQuery. То есть, везде, где необходимо использую именно эту библиотеку. Но, тем не менее, искренне желаю автору ScriptJava "обрасти" сообществом и пройти "точку эффекта снежного кома", что позволит дать независимым разработчикам уверенность в том, что они, в случае чего, не останутся "один на один" с исходным кодом...

ScriptJava - аналог jQuery?

Рубрика: Alib.spb.ru

Не помню уже по какому поводу, натолкнулся в сети на интересный проект - ScriptJava. Его страничка: http://scriptjava.net/

Смысл в том, что разработчики предложили еще одну библиотеку для динамической манипуляции содержимым. В текущем релизе есть работа с куками, ajax, работа с атрибутами текста, работа с событиями, манипуляции элементами (удаление, создание), получение элемента и т.д.

Честно сказать - не совсем понимаю, чем руководствовался автор. В мире есть как минимум 2 известных мне (jQuery и extJS) и куча неизвестных мне библиотек, которые делают "Ровно то же самое". Но идея показалась мне интересной: попробовал - получилось. Работает:)

Кстати, заявлена поддержка всех известных браузеров (включая Safari и NN) - спорное, но преимущество. Спорное потому, что Safari худо бедно поддерживается jQuery - а NN по-моему, поддерживать бессмысленно.

В общем, проект не революционный - но вдруг кому понадобится.

PS Судя по частоте релизов, проект жив, но ооочень медленно жив:)

Всплывающие подсказки на DHTML и JavaScript

Давно уже использую при веб-разработке библиотеку WZ_Tooltip. Она не "простая, а очень простая". Делает одно-единственное: выводит разного рода кастомизированные всплывающие подсказки. Причем "кастомизированные" - это именно кастомизированные. Можно, например, вывести подсказку с заголовком. Или с тенью. И раскрасить их разными цветами... :-) может выводить html - или, если надо, вывести span с указанным id. (Как следствие - может нести в себе изображение). С помощью плагинов можно запросто организовать ballon-style подсказки (по умолчанию подсказки прямоугольные).

Что ценно - библиотека не зависит от JS фреймворков (но с ними уживается), ни от CMS, небольшая по размеру, шустрая, работает со всеми известными мне браузерами (тестировалось в IE 7+, firefix, opera, chrome, kmeleon).

В общем, вот: http://www.walterzorn.de/en/tooltip/tooltip_e.htm

(там же куча примеров использования, поэтому тут не привожу ни примеров, ни форматов вызова).

Фотогалерея на JS

Рубрика: Alib.spb.ru

Случайно нашел фотогалерею на JavaScript. По возможностям напоминает Lightbox на jQuery, разве что настраивается более интересно. развивается независимо от фрейморков, есть готовые модули для множества систем типа wordpress, drupal и т.д.

Кстати, галере не GPL. Галерея свободна для некоммерческого частного применения, или за деньги - ($29 или $179) для коммерческих сайтов.

Ссылка: http://highslide.com/

CSS меню – подборка материалов

Рубрика: Alib.spb.ru

Внимание! Данная информация частично устарела, часть ссылок возможно не рабочая.

Образовалась задачка. Построить с минимальными затратами CSS меню. Вот что нарыл...

  1. Оказывается,в природе есть фреймворк для создания CSS меню. Живет по адресу http://www.lwis.net/free-css-drop-down-menu/, обладает хорошей настраивоемостью... базируется на jQuery. Подробный разбор, как "оно" работает и пример применения - тут (http://vremenno.net/html-css/css-drop-down-menu/).
  2. Можно воспользоваться генератором CSS меню. Простой, бесплатный. Из минусов - имеет 8 тем, если хочется "чего-то еще", то нужно ручками перелопачивать код. Ссылка: http://purecssmenu.com/
  3. Можно написать "с нуля" руками. Статья (на английском), описывающая процесс и рабочий пример тут: http://www.webdesign.org/html-and-css/tutorials/css-pop-up-menu-2-horizontal-menus.12089.html
  4. Еще один генератор меню. Вот: http://www.dynamicdrive.com/dynamicindex1/ddlevelsmenu/generator.htm
  5. Старенькая заметка об обходе проблемы :hover в IE (проблема в том, что IE не хочет видеть :hover ни для чего, кроме ссылки) - тут: http://www.umade.ru/log/2004/07/css-hover-any-element/
  6. Короткий пример красивого меню на Jquery: http://www.master-web.info/dropdownmenu-css-gquery/
  7. Статья, в которой описывается как сделать CSS меню на "голом CSS". Хороша для понимания принципов работы такого рода меню. http://cssor.ru/css/polezno-interesnoe/cssmenu
  8. Еще один бесплатный генератор меню. http://www.izzymenu.com/
  9. Хорошая (подробная) статья про то, как сделать CSS меню. http://beholder-eye.info/2006/03/30/dropdown-menu-css
  10. Неплохая статья о создании css/php/js меню: http://www.roscripts.com/Building_a_dynamic_drop_down_menu-216.html
  11. CSS Play - хороший сайт, где есть CSS шаблоны на все случаи жизни... Есть и пример меню: http://www.cssplay.co.uk/menus/dd_valid.html
  12. По адресу http://users.tpg.com.au/j_birch/plugins/superfish/#getting-started живет плагин для jQuery, с помощью которого (вроде) можно быстро сделать меню. ("Вроде" - потому что сам не пробовал).
  13. Простецкое jQuery меню: http://css-tricks.com/simple-jquery-dropdowns/
  14. Подробная статья о jQuery меню в wordpress: http://www.seoadsensethemes.com/wordpress-multi-level-drop-down-menu-using-jquery/

Случайная фотография

Орфография

Система Orphus
Дизайн от: Templates Next | Адаптация d51x