Здравствуйте друзья! Надеюсь всем знаком такой замечательный эффект, как Lightbox (Лайтбокс), используемый для отображения изображений большего размера на страницах сайтов. Существует множество специальных Lightbox плагинов, хороших и не очень, построенных на jQuery. Меня в свое время заинтересовала возможность создания лайтбокс эффекта без применения javascript, построить работу исключительно на функциях CSS3, благо что современные браузеры, за…
css3
Оформление стиля всплывающих подсказок с помощью CSS3
Здравствуйте, всем! Используете ли вы в своих проектах всплывающие подсказки к ссылкам или же эта функция полностью возложена на стандартные свойства браузеров? Конечно браузеры не плохо справляются с этой задачей и без всяких дополнительных примочек, но многим наверняка будет интересен не стандартный способ вывода подсказок к ссылкам, к тексту или же к изображениям. А способов…
Генератор кнопок CSS3 c поддержкой линейного градиента
Здравствуйте Всем! В свете последних изменений в стане интернет-браузеров, в частности умопомрачительной скорости выхода все новых и новых версий, появилась необходимость выпуска новой редакции Генератора кнопок CSS3. Так разработчики горячо мной любимой Opera наконец таки дошли до понимания чаяний всех страждущих и включили в новые версии своего детища полную поддержку функции линейного градиента. Долго раскачивались…
Еще один отличный веб-генератор CSS3
Здравствуйте всем! Лето на дворе, соответствующее и настроение, желание экспериментировать и ковыряться в каких бы то ни было кодах, порой отбивает напрочь. Самое время, веб-разработчикам всех мастей, пополнить свои обоймы онлайн-инструментов. Сегодня хочу познакомить вас, уважаемые мои читатели, с еще одним полезнейшим ресурсом, который несомненно пригодится многим веб-дизайнерам, высвободит массу времени в работе с CSS…
CSS3 Градиент для кнопок
Совсем недавно я рассказывал о том как добиться правильного отображения градиента CSS в современный браузерах. Можно посчитать воплями в пустоту все мое повествование, если не рассказать о практическом применении градиент функции CSS. Отличным и незамысловатым примером может послужить создание кнопок для сайта, исключительно средствами CSS, не используя каких либо дополнительных изображений и javascript. Размер кнопок…
Эффект тени box-shadow CSS без изображений
Всем снова здравствуйте. Продолжаем эксперименты с новыми свойствами CSS3. Сегодня распишу технику создания эффекта drop-shadows, что в вольном переводе означает — «падающая тень». Ранне я рассказывал о приемах оформления границ блока с помощью CSS, в которых широко применялся параметр box-shadow, а так же наверняка всем хорошо известен стиль создания тени для текста text-shadow . Мне хотелось…
Градиент CSS3 в современных браузерах
Не затихающая браузерная война, в самом начале всей возьни за лавры первенства, породила такой хлесткий на слух термин «Кросс- браузерность» и это не просто термин, а настоящая головная боль для веб-дизайнеров, да и для простых пользователей тоже. Приходится всячески изворачиваться чтобы достичь корректного отображения страниц в этом бедламе среди браузеров. Сегодня рассмотрим, с помощью каких…
Рисуем иконку календаря с помощью CSS3
Всем снова здравствуйте! Все мы привыкли видеть на страницах сайтов и блогов, в записях или комментариях, иконки дат календаря, обозначающие дату. Фича без сомнения полезная во многих отношениях, но согласитесь, мало кто напрягался по поводу того, как эти иконки создавались. Чаще всего вывод дат прописан в шаблонах в виде подгружаемой готовой картинки или же ставится какой-нибудь плагин,…