Здравствуйте всем! Сегодня будет не полноценный урок, а всего лишь небольшая демонстрация, ещё одного варианта всплывающего модального окна, реализованного исключительно средствами CSS3, без javascript и дополнительных изображений в формировании стилей. За основу взят первый вариант: «Модальные всплывающие окна с помощью CSS3 без Javascript», проверенный и ставший довольно популярным среди пользователей, читающих мой блог. …
Не так давно, мы рассмотрели простейший способ реализации вкладок (табов) с содержанием, без подключения javascript, используя в работе исключительно стандарты CSS3. Сегодня я хочу познакомить вас, с ещё одним, не менее интересным решением по формированию компактного блока вкладок (табов), построенных на чистом CSS3 и использованием элементов адаптивной вёрстки. Как и в первом варианте, ничего лишнего…
Всем хорошо знакомы различные эффекты тени для текста с помощью свойства CSS3 text-shadow, этот замечательный визуальный эффект стал очень популярен среди веб-дизайнеров и разработчиков. В силу того, что все современные браузеры довольно неплохо поддерживают всё больше новых свойств CSS3, стало возможным использовать различные вариации и связки этих замечательных эффектов. Сегодня хочу продемонстрировать наглядные примеры интересных…
Сейчас в мировом веб-дизайне по-большей части преобладает плоский стиль оформления интерфейса пользовательских элементов управления. Плоские панели навигации, блоки с содержанием и конечно же, неотъемлемый элемент любого сайта — кнопки. Я нераз уже подробно расписывал варианты создания кнопок с помощью CSS3, разных форм и расцветок. Сегодня хочу показать вам простейший пример создания большой объёмной кнопки в стиле…
Много расписывать ничего не буду, просто предлагаю очередной набор правил и свойств CSS3, для формирования довольно привлекательных кнопок, без использования дополнительных фоновых изображений. На одном из ресурсов, даже не помню теперь на каком, где выкладываются отдельные сниппеты, попался мне на глаза недоработанный и брошенный на произвол судьбы интересный стилевой набор кнопок css. По большей части,…
Меня всегда привлекают новые, необычные решения использования свойств CSS3. И пускай многие из них пока ещё не находят широкого практического применения в веб-разработке и дизайне сайтов, всё это задел на будущее, великолепная демонстрация открывающихся возможностей с применением новых стандартов. Пристально слежу за появлением новаторских идей и бережно складываю в свою копилку. С наиболее интересными экспериментами,…
Существует много интересных решений и возможностей для создания эффектных, компактных блоков с содержанием, выполненных в стиле «Аккордеон». Самый надёжный в плане адекватной обработки и поддержки всеми браузерами, и наверное из-за этого самый популярный способ, это кроссбраузерное решение основанное на jQuery. Не оставляю попытки найти жизнеспособный прием реализовать простой анимированный аккордеон, с достойным функционалом и оформлением,…
Почти два года прошло с момента написания статьи посвященной интереснейшему способу реализации lightbox-эффекта при просмотре полно-размерных изображений, без подключения к работе javascript, исключительно с помощью свойств CSS3. Время не стоит на месте, стандарты, требования веб-разработки и дизайна меняются, пришло время немного подкорректировать некоторые свойства эффекта, добавив к нему новые функции. По большому счёту особо ничего…
Предлагаю очередной небольшой набор правил и свойств CSS3, для преобразования html-тегов a, input и button в привлекательные кнопки с градиентной заливкой. С помощью привязки тегов html через определённые классы, с полностью сформированными значениями свойств и правил CSS, вам будет намного проще внедрять на страницы ваших проектов, элементы управления пользовательского интерфейса в виде кнопок. Использовать данный…
Раньше для создания различных эффектов обязательно требовалось подключение javascript и дополнительных файлов изображений, с выходом на арену веб-разработки мощнейших инструментов CSS3 и HTML5 всё реализуется гораздо проще. В сегодняшнем примере продемонстрирую html-разметку и готовый набор правил css, для создания одного из множества визуальных эффектов вывода подписей к изображениям, эффекта в виде выскальзывающего блока с определенным…
Приобретая данный курс, вы получаете целостный продукт, в котором есть всё необходимое для изучения и работы с WordPress
