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