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