NauBlog — Блог веб-разработчика

Привет.

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

Я в своё время выбрал JavaScript-фрэймворк Jquery. И считаю, что это один из самых прогрессивных и удобных фрэймворков для реализации ajax-а на сайте, работы с элементами и всяческой динамики на сайте. К нему есть множество плагинов расширяющих его возможности. Достаточно большое сообщество разработчиков. Но сегодня речь пойдёт не только о нём.

Читать далее…

Nau Веб-разработка jquery, Jquery UI, QUnit, Sizzle

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

Бесплатный видеокурс курс по jquery

В курс входит 24 урока, общей продолжительностью более 3 часов.

Вы узнаете:

• Как выбирать необходимые Вам узлы из DOM-дерева
• Как, при необходимости, изменять полученные наборы элементов
• Используя полученные наборы элементов, Вы сможете «на лету» изменять структуру страницы и содержимое страницы, а также оформление всех ее элементов
• Вы научитесь создавать простейшие анимационные эффекты, основанные на hiding, fading, sliding
• Вы узнаете, как работать с событиями: научитесь связывать события с их обработчиками несколькими способами, «запускать»
  события самостоятельно и изучите объект события jQuery для более тонкой обработки событий

На мой взгляд, этот курс может дать совсем неплохой старт в знакомстве с веб-технологиями.

Удачи!

Nau Веб-разработка, Новости jquery, бесплатно, видеокурс

Вышел новый видеокурс от Евгения Попова Javascript+jQuery для начинающих в видеоформате.

Все кто хотел или хочет освоить jquery, но всё как-то руки не доходили, действуйте, до 10 октября действует специальное предложение.

Nau Веб-разработка, Новости javascript, jquery, видеоуроки

Итак, одним из способов ускорить загрузку страниц, является разнесение скриптов на CDN(content delivery network) то есть на распределённые сервера, прелесть в том, что они же могут быть закэшированы у пользователя при заходе на другие сайты, и могут вообще не загружаться, а грузиться из кэша браузера.

Наглядный рисунок Одноточечной доставки контента (слева) и доставка средствами CDN (справа)

автор - Kohana

Nau Веб-разработка CDN, Dojo, Ext Core, google load, jquery, Jquery UI, mootools, prototype, WebFont Loader, yui

Почти с самого начала в моём блоге стоял плагин для вордпресса — Lightbox 2.
И вроде всё устраивало в нём, на тот момент был самым функциональным…
Но время шло… и всё больше я приходил к пониманию, что к jquery — душа у меня лежит больше… а тут и всевозможные примеры на jquery и на сайтах которые делаю, тоже jquery использую… а на своём собственном блоге… почему-то prototype и Дшпреищч, притом захотелось прикрутить движущиеся социальные сети и закладки прикрутить… а писать плагин под прототип не хотелось… хотелось jquery.
Само-собой грузить две библиотеки — неблагодарное дело. Стал искать варианты.
Читать далее…

Nau Веб-разработка colorbox, jquery, lightbox, prototype, wordpress

В некоторых проектах, в том числе на Joomla, возникает ситуация использования нескольких JavaScript-фреймворком, наприvth mootools и jQuery.

Почти все эти фреймворки используют сокращенный вызов через функцию $, и при обращении к этой функции браузер непонимает какую использовать… в следствии чего появляется несовместимость и часть скриптов просто «отваливаются».

в jQuery для обхода данных ситуаций достаточно использовать метод noConflict:

После подключения jQuery, добавьте вызов метода:

<script type="text/javascript">jQuery.noConflict();</script>

Ну а дальше в скриптах для jQuery используйте вместо $ полное имя jQuery.
А для mootools оставляйте $.

И ещё раз позволю себе напомнить вам, что лучше в проекте всё-таки стараться обходиться одним javascript-фреймворком.

Nau Веб-разработка jquery, mootools, noConflict

Итак, постановка задачи:
1. Есть резиновый шаблон
2. Внутри растягивающийся контейнер, содержащий в себе отдельные блоки, со стилем: float:left;
3. В зависимости от размеров контейнера нам нужно проставить у определённых блоков значение clear:left;, чтобы сместить блоки на следующую «строку» и избавиться от «залипания» блоков при флоуте.

Пусть ширина наших блоков будет, скажем 300 пикселей, а ширина контейнера будет изменяться от 900 до 1400.
Стало быть нам нужно учесть два варианта, когда в «строке» будет 3 блока и 4 блока.

Чтобы стало совсем понятно приведу пример html:

<ul id="list">
<li>какой-то текст и другие элементы</li>
<li>какой-то текст2и другие элементы</li>
<li>какой-то текст3 и другие элементы</li>
<li>какой-то текст4 и другие элементы</li>
<li>какой-то текст5 и другие элементы</li>
<li>какой-то текст6 и другие элементы</li>
<li>какой-то текст7 и другие элементы</li>
<li>какой-то текст8 и другие элементы</li>
и т.д.
</ul>

Читать далее…

Nau Веб-разработка innerWidth, jquery, nth-child

Почти на каждом сайте используются различные формы: форма обратной связи, форма заказов, какая-нибудь анкета-опрос ну и т.п.
Есть куча готовых форм, конструкторов форм, отдельных компонентов, в том числе и под Joomla 1.5, речь о которой в последнее время я тут завожу(ну вот например Fabrik и ChronoForm). Но так уж происходит иногда, что они нам чем-нибудь не подходят, конфликтует версия скрипта используемого в компоненте, либо применяется другая js-библиотека, и проще сделать с нуля свой блэкджэк свою форму, чем использовать неповоротливых монстров, отстающих от моды и не успевающих обновляться, вслед за прогрессом. =)
Читать далее…

Nau Веб-разработка Joomla 1.5, jquery, php, валидация, формы

Не буду гадать с какой версии, что появилось, обычно стараюсь в проектах использовать последнюю версию jQuery. Так что в данном случае речь пойдёт о том, что точно работает в jquery 1.4.2.

Если вы хоть раз видели модальные окна, видели hideslide.js и т.п., тогда поймёте лучше.

Читать далее…

Nau Веб-разработка ajax, css, fadeIn, fadeOut, fadeTo, jquery, outerHeight, outerWidth, scrollLeft, scrollTop, модальные окна, плагин

Бывает, что нужно повесить на сайт часы, календарик и обязательно прогноз погоды, куда же без этого) Сайт же без этого будет выглядеть не солидно. У Васи вот висит вся эта «прелесть» на сайте, а у меня нет…

Вот и в этот раз понадобилось повесить информер погоды. Самое простое, это найти более точный сервис прогноза и взять предложенный информер.
Отличный сервис для этого — informer.gismeteo.ru. Есть много разных типов показа, правда вот есть одна загвоздка — язык там только русский. Читать далее…

Nau Веб-разработка gismeteo, javascript, jquery, regexp, информер, погода