Встраиваем видео в модальное окно

Всем, доброго дня ли ночи! Ранее мы подробнейшим образом рассмотрели способ создания замечательного модального окна с помощью CSS и jQuery.  Научились расширять, по мере надобности, функционал нашего всплывающего окошка, используя его для подачи различной информации, будь то динамичный ротатор контента ,  или встроенная форма обратной связи. Сегодня хочу рассказать, как просто и легко встроить любой видеоролик в модальное окно. Для примера ...

Создаем выпадающее меню навигации на CSS3

В очередной раз обращаюсь к теме создания меню навигации для сайта исключительно средствами CSS3. Практически все современные браузеры поддерживают основные функции css3, это позволяет более гибко настраивать эффекты и внешний вид навигационных панелей, без подключения javascript и каких бы то ни было дополнительных файлов изображений, используя в работе только команды CSS3. Сегодня мы рассмотрим структуру и технику исполнения меню навигации с ...

Меню навигации в стиле «Аккордеон» (CSS3 + jQuery)

В очередной раз, хочу обратить ваш не затуманенный взор на интересный способ создания меню навигации в стиле "аккордеон". Этот стиль навигационного меню довольно популярен и широко используется в организации структуры сайтов. В первую очередь "аккордеон" привлекателен своей компактностью, что позволяет с легкостью встроить блок меню в боковую панель и прописать столько пунктов, сколько душе угодно. Используя всевозможные функции и новые ...

Лайтбокс эффект с помощью магии CSS3

Лайтбокс эффект с помощью магии CSS3 Здравствуйте друзья! Надеюсь всем знаком такой замечательный эффект, как Lightbox(Лайтбокс), используемый для отображения изображений большего размера на страницах сайтов. Существует множество специальных Lightbox плагинов, хороших и не очень, построенных на jQuery. Меня в свое время заинтересовала возможность создания лайтбокс эффекта без применения javascript, построить работу исключительно на функциях CSS3, благо что современные браузеры, за ...

Оформление стиля подсказок с помощью CSS3

Мало найти стабильно и быстро работающий javascript, необходимо еще красиво оформить подсказки, придать им свой стиль. Вот как раз об оформлении подсказок с помощью новых функций CSS3, мне и хотелось бы вам рассказать. Немного фантазии, воображения и чуточку магии CSS3, экспериментируя с параметрами стиля, вы получите в свое распоряжение замечательный вид подсказок к ссылкам на своих проектах.

Генератор кнопок CSS3 c поддержкой линейного градиента

Генератор кнопок CSS3 c поддержкой линейного градиента Здравствуйте Всем! В свете последних изменений в стане интернет-браузеров, в частности умопомрачительной скорости выхода все новых и новых версий, появилась необходимость выпуска новой редакции Генератора кнопок CSS3. Так разработчики горячо мной любимой Opera наконец таки дошли до понимания чаяний всех страждущих и включили в новые версии своего детища полную поддержку функции линейного градиента. Долго раскачивались ребята, но на то они и ...

Чистый стиль меню с помощью CSS3

Чистый стиль меню с помощью CSS3 Всем снова здравствуйте! В своих статьях, я не раз обращался к различным способам создания навигационных меню для сайтов. Рассматривались менюшки на любой вкус и цвет, навигация в популярном стиле "аккордеон", горизонтальные и вертикальные, с использованием javascript и картинок, не мало внимания уделялось многоуровневым меню на jQuery. Как вы понимаете способы создания меню ограничены лишь фантазией разработчиков, а она у них воистину ...

Еще один отличный веб-генератор CSS3

Здравствуйте всем!
Лето на дворе, соответствующее и настроение, желание экспериментировать и ковыряться в каких бы то ни было кодах, порой отбивает напрочь. Самое время, веб-разработчикам всех мастей, пополнить свои обоймы онлайн-инструментов.
Сегодня хочу познакомить вас, уважаемые мои читатели, с еще одним полезнейшим ресурсом, который несомненно пригодится многим веб-дизайнерам, высвободит массу времени в работе с CSS и позволит сосредоточиться на других, важных направлениях дизайна. Как всегда, буржуины поработали на славу - создали отличный и дружественный онлайн-генератор CSS3.

CSS3 Градиент для кнопок

Совсем недавно я рассказывал о том как добиться правильного отображения градиента CSS в современный браузерах. Можно посчитать воплями в пустоту все мое повествование, если не рассказать о практическом применении градиент функции CSS. Отличным и незамысловатым примером может послужить создание кнопок для сайта, исключительно средствами CSS, не используя каких либо дополнительных изображений и javascript. Размер кнопок легко регулируется путем ...

Эффект тени box-shadow CSS без изображений

Эффект тени box-shadow CSS без изображений Всем снова здравствуйте. Продолжаем эксперименты с новыми свойствами CSS3. Сегодня распишу технику создания эффекта drop-shadows, что в вольном переводе означает - "падающая тень". Ранне я рассказывал о приемах оформления границ блока с помощью CSS, в которых широко применялся параметр box-shadow, а так же наверняка всем хорошо известен стиль создания тени для текста text-shadow . Мне хотелось добиться не просто теневого оформления границ, ...

Градиент CSS в современных браузерах

Не затихающая браузерная война, в самом начале всей возьни за лавры первенства, породила такой хлесткий на слух термин "Кросс- браузерность" и это не просто термин, а настоящая головная боль для веб-дизайнеров, да и для простых пользователей тоже. Приходится всячески изворачиваться чтобы достичь корректного отображения страниц в этом бедламе среди браузеров. Сегодня рассмотрим, с помощью каких современных свойств CSS3, можно добиться ...

Рисуем иконку календаря с помощью CSS3

Рисуем иконку календаря с помощью CSS3 Всем снова здравствуйте! Все мы привыкли видеть на страницах сайтов и блогов, в записях или комментариях, иконки дат календаря, обозначающие дату. Фича без сомнения полезная во многих отношениях, но согласитесь, мало кто напрягался по поводу того, как эти иконки создавались. Чаще всего вывод дат прописан в шаблонах в виде подгружаемой готовой картинки или же ставится какой-нибудь плагин, в котором все эти прибамбасы предусмотрены, и опять же с ...
1 2 3 4 5 6
Рейтинг@Mail.ru