Очень часто веб-разработчики сталкиваются с такой задачей, как создание некоего баннера-слайдшоу, который будет прокручивать некоторый набор картинок.
До недавнего времени это было возможно только с помощью flash, однако сейчас, в эпоху царствования JavaScript, мы обойдемся без него.
Демо
Читать дальше →
Сегодня я покажу каким образом можно добиться построения замечательного эффекта увеличения изображений при наведении мыши.
Этот эффект будет полезен при создании различного рода галерей в тех случаях, когда требуется “вдохнуть жизнь” в получающееся творение.
На вооружение мы как всегда возьмем jQuery и CSS. Итак, вперед!
В данном примере мы сохраним все преимущества классической техники использования CSS-спрайтов и добавим к ним анимационных эффектов. Помимо использования CSS для определения внешнего вида элементов в различных состояниях, мы будем использовать JavaScript для создания анимации. Даже если у пользователя будет отключен JavaScript, часть эффектов все равно будет работать (за исключением анимации).
Читать дальше →
Данный пост расскажет вам о реализации красивого меню с помощью CSS. При наведении курсора на элемент меню мы будем получать интересный эффект, которого добьемся с помощью использования CSS спрайтов. О CSS спрайтах вы можете прочитать в более ранней статье Техника и преимущества использования CSS спрайтов.
Итак, приступим.
Читать дальше →
CSS спрайты – не новая технология, она уже стала устоявшейся и широко применимой в веб-разработке. Конечно же спрайты не обязательны для применения, но в ряде случаев они могут дать огромные преимущества, особенно в том случае, если вы хотите уменьшить нагрузку на свой сервер. Если ранее вы ничего не слышали о CSS спрайтах, то сейчас самое время узнать о том, как работает данная технология, какие инструменты использовать для создания спрайтов и освоить технику их применения в своих проектах.
Данная статья открывает цикл статей об использовании техники CSS-спрайтов, так что кому интересно – добро пожаловать под кат!
Читать дальше →
Недавно я работал над одним из сайтов своего постоянного клиента и получил задание сделать какой-нибудь красивый эффект при наведении курсора мыши на рекламные объявления.
Первой моей мыслью было использовать CSS-спрайты, однако они требуют работы непосредственно с кодом CSS, что в данном случае не является подходящим решением, поскольку заказчик не обладает необходимыми специальными знаниями.
В идеале решение было бы таково: через панель администратора заказчик устанавливает ссылку на рекламируемый сайт и загружает картинку для баннера, а все дальнейшие изменения происходят незаметно для заказчика.
Читать дальше →
