Архив за ‘Web-developer’ Рубрик

Css свойство z-index — вся правда

Четверг, Январь 14, 2010 19:17 6 комментариев

Css свойство z-index не похоже на какие-либо другие css свойства. Многие разработчики, сталкиваясь с ним, приходили в замешательство из-за не правильного использования. Однако, когда вы поближе познакомитесь с z-index, вы поймете, что это свойство очень простое и предлагает эффективный метод решения многих задач верстки.

Рубрики: CSS Tags: , , , , ,

Сбрасываем стандартные css стили браузеров

Понедельник, Октябрь 26, 2009 17:52 5 комментариев

Браузер по своему определяет css стили для html элементов. Чтобы обнулить и сохранить кроссбраузерность верстки, появилась нужда сбрасывать стандартные браузеровские css стили.

Рубрики: CSS Tags: , , , ,

Путешествие объектов в пространстве

Воскресенье, Октябрь 11, 2009 19:07 5 комментариев

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

Рубрики: Web-developer Tags: , , ,

Слайд-панель на jQuery

Суббота, Октябрь 3, 2009 13:07 8 комментариев

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

Рубрики: jQuery Tags: , ,

Анимация на jQuery

Суббота, Сентябрь 5, 2009 8:19 4 комментария

Когда только начинаешь использовать jQuery, любой скажет, что jQuery замечателен своими эффектами. Такие как slideDown() и fadeIn() делают жизнь лучше. Если разбираться глубже с jQuery, то наверняка вы узнаете о animate(). Этот метод прост в использовании и одновременно очень крут.
Если посмотреть на исходники jQuery, можно увидеть, что все методы — частные случаи использования функции animate().

Рубрики: jQuery Tags: , ,

jQuery скрипт — Tooltip (WM)

Четверг, Август 27, 2009 9:48 10 комментариев

Искал я недавно универсальный jQuery скрипт tooltip с гибкими настройками. Я не смог найти подходящего. Можно было конечно редактировать готовые, но я решил сделать свой скрипт.
Скрипт нужно только подключить на страницу где уже подключен jQuery и все.

Рубрики: jQuery, Программирование Tags: , ,

Табы при помощи jQuery — все просто

Среда, Июль 29, 2009 18:22 29 комментариев

Задача.
Сверстать табы. Расположение и цвета показаны на картинке:

Нужно, чтобы секциям (li) в блоке «.tabNavigation» присваивался класс при клике, который будет изменять цвет фона. Содержимое «.tabs-cont» будет плавно изменять свою прозрачность от hide до 1.0. Плюс, все оформление изменяется в css, html и javascript код на это не должен влиять.

Рубрики: jQuery Tags: , ,

jQuery эффекты на примерах

Воскресенье, Июль 19, 2009 12:10 19 комментариев

В предыдущей статье мы узнали о том, как пользоваться объектами. Теперь мы разберем некоторые эффекты, которые дает нам jQuery.

Рубрики: jQuery Tags: , , , , ,

jQuery для всех и с самого начала

Понедельник, Июль 13, 2009 12:20 5 комментариев

Совсем недавно, я начал изучать jQuery. И поверьте, я нисколько не жалею об этом.
Чтобы начать изучение этой библиотеки, для начала скачайте ее: Downloading_jQuery. Далее подключаем ее на своей странице:

Рубрики: jQuery Tags: , , , ,

Структура документа. Часть 2. Практика

Понедельник, Июнь 8, 2009 9:31 9 комментариев

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

Рубрики: html c нуля Tags: , , , , ,