Твит

Давно видел данный эффект на различных сайтах, и уж очень он меня зацепил. Слишком он красив. Однако на всех сайтах, где я его видел, я не мог его выдрать. Точнее мог, но он был написан так, что работал именно на этом сайте, ну или просто javascript я не знаю). Однако недавно увидел что данный эффект реализуется с помощью плагина, и решил тут же сделать заметочку на своём блоге.

И так, в данном скрипте используется jQuery, плагин Easing, ну и, собственно, сам скрипт LavaLamp. В чём же суть данного скрипта…

Твит

Если у вас имеется новостной сайт, то было бы интересно показывать вашим посетителям последние твиты по конкретной теме. Тогда вам пригодиться данный javascript плагин – он показывает последние твиты по заданному слову или фразе.

Для создания этого плагина используется плагин jQuery Twitter Search.

jquery twitter jquery twitter jquery twitter jquery twitter jquery twitter jquery twitter jquery twitter jquery twitter

Твит

HTML5 является новой и обновленной версии HTML. Он был разработан для облегчения жизни веб-дизайнеров. HTML5 имеет большое количество функций, такие как воспроизведение видео, поддержка аудио и drag-and-drop, которые были зависимы от посторониих плагинов для браузеров в том числе adobe flash и microsoft silverlight через холст элемент html5 юзеры смогут сделать графики на лету опять же без потребности плагинов. В настоящие время HTML5 редактируется Яном Хиксоном от Google и Дэвидом Хайяттом от Apple.

Твит

Я думаю, что многие согласятся с утверждением, что дизайн продуктов Microsoft частенько радует глаз. К примеру, мини-бар, который мы увидели с выходом в свет MS Office 2007. По сути он повторяет часть функций одной из панелей быстрого доступа. Главным его плюсом является возможность изменять стиль выделенного текста «на лету». Мини-бар обычно появляется рядом с курсором мыши, что позволяет пользователю быстро применить нужные действия к выделенному тексту. Примерно такой же мини-бар мы попробуем создать сегодня для сайта. Вариантов его применения масса. Один из них комментарии – позвольте пользователям применять стандартные тэги для оформления своих комментариев.

Твит

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

Содержание курса:

Как работает jQuery
Как обратиться к нужному элементу?
Выдвигающаяся панель
Эффект исчезновения
Движение и изменение элемента
Меню с эффектом аккордеон
Доработка меню с эффектом аккордеон
Всплывающие окна с подсказками
Всплывающие окна с подсказками #2
Сворачиваемые списки
Простая галерея с заменой картинок
Стилизация ссылок на файлы различных ти

Твит

День добрый. Сегодня пятый урок из мини-курса по jQuery для дизайнеров. В этом уроке мы немного переделаем всплывающие окна с подсказками, которые мы делали в предыдущем уроке и создадим сворачиваемый список, похожий на список сообщений. Итак приступим.
Всплывающие окна с подсказками 2
Мы немного изменим предыдущий вариант. Сделаем так, чтобы title ссылки являлся подсказкой (он будет помещаться в тег em). Посмотреть пример можно на демо странице.

Твит

Речь в этой статье пойдет о создании логотипа, который при наведении курсора мыши будет разлетаться на мелкие кусочки. Есть два варианта реализации – CSS3+jQuery и CSS3+MooTools. Отличие лишь в использовании разных Java библиотек. Давайте разберемся как сделать взрывной логотип. Хочется сразу оговориться – данный эффект будет работать в браузерах Chrome, Safari и Firefox. Остальные пользователи увидят обычный логотип.

Твит

Продолжу сегодня мини-курс по jQuery для дизайнеров. В предыдущем уроке мы разбирали создание меню с эффектом аккордеон. Сегодня мы его немного доработаем и научимся делать всплывающие подсказки. Как сделать всплывающие окна с подсказками с помощью CSS3 мы разбирали в этой статье. Напоминаю, что все примеры по CSS3 и javascript распологаются на специальных демо-сайтах: http://www.css3demos.rusdigi.org и http://www.jsdemos.rusdigi.org.

Твит

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

Твит

Этот мини-курс будет содержать около десяти небольших уроков по использованию jQuery. Содержание курса будет публиковаться по мере написания постов в этой теме. Курс предназначен для тех, у кого нет никакого опыта работы с jQuery и javascript. Примеры все простейшие, но при этом будут содержать Ajax и javascript, что поможет улучшить внешний вид и притягательность для посетителей сайта. Так как мини-курс по jQuery, то постараюсь не касаться темы CSS.