Dobrovoi Master
сделано с душой
В состоянии постоянного подключения...

веб-дизайн

Разноцветные ленточки в углах страницы с помощью CSS3

Предлагаю на рассмотрение, готовый набор правил CSS, для создания и последующего размещения в разных углах страницы, разноцветных ленточек, сформированных исключительно средствами CSS3, без использования дополнительных файлов изображений. Для чего вообще нужны эти ленточки? Прежде всего, для акцентирования внимания пользователей на какой-либо важной информации, предельно сжатой и лаконичной. Смотреть Демо HTML Для формирования ленточек, используем блочный…

Новый Видеокурс — Мастер веб-дизайна 2.0

  Видеокурс «Мастер веб-дизайна 2.0» снят с продаж! Каталог курсов: webformyself.com С Уважением, Андрей . Буду признателен, если поделитесь ссылкой на запись в своих соц-сетях:

Ленточки с текстом, на изображении с помощью CSS3

Очень часто, на сайтах и блогах можно встретить изображения украшенные разнообразными ленточками, с надписями и без. Что это? Простое украшательство, или же функциональный элемент пользовательского интерфейса? В большинстве случаев всё же, эти красивые ленточки выполняют те или иные полезные функции, выступают в роли подписей к картинкам, заостряют внимание посетителей на размещенных в теле ленты ссылки,…

Оформление заголовока в стиле 3D на CSS3

Здравствуйте всем! Предлагаю на рассмотрение, ещё один вариант оформления текста, в данном и конкретном случае, начального заголовка <h1>, в стиле 3D, исключительно средствами CSS3, без дополнительных изображений.     Небольшой сниппет, готовый набор правил и свойств CSS, с помощью которого, можно легко и просто видоизменить любой шрифт:     В свое время, я уже выкладывал…

Адаптивные вкладки (табы) на CSS3

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

Как сделать простое адаптивное меню с помощью CSS3

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

Бесплатные ресурсы для дизайнеров и разработчиков сайтов

Армия дизайнеров и разработчиков веб-сайтов огромна, и многие из них делятся с мастеровой братией своими удачными наработками и результатами, выкладывая в свободный доступ различные полезные инструменты, и ресурсы, будь-то бесплатные jQuery плагины, уникальные шрифты, абсолютно бесплатные наборы иконок и комплекты элементов пользовательского интерфейса, свободные веб-приложения или онлайн-конструкторы. И, это радует, сообща оно как-то веселее и…

10 Новых инструментов для веб-разработки и дизайна

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

10 Бесплатных наборов элементов интерфейса с плоским дизайном

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

Привлекательные кнопки с помощью магии CSS3

Создать кнопки для сайта можно используя любой графический редактор ( Photoshop, Paint.Net, Gimp и др.), можно, не особо заморачиваясь по поводу изучения свойств CSS, воспользоваться специальными генераторами кнопок, благо таких инструментов выпущено предостаточно в последнее время. Меня больше привлекает возможность использования новых стандартов CSS3 при создании различных элементов дизайна современных сайтов, в том числе и…

1 2 3