Предлагаю на рассмотрение, готовый набор правил CSS, для создания и последующего размещения в разных углах страницы, разноцветных ленточек, сформированных исключительно средствами CSS3, без использования дополнительных файлов изображений. Для чего вообще нужны эти ленточки? Прежде всего, для акцентирования внимания пользователей на какой-либо важной информации, предельно сжатой и лаконичной. Смотреть Демо HTML Для формирования ленточек, используем блочный…
веб-дизайн
Новый Видеокурс — Мастер веб-дизайна 2.0
Ленточки с текстом, на изображении с помощью CSS3
Очень часто, на сайтах и блогах можно встретить изображения украшенные разнообразными ленточками, с надписями и без. Что это? Простое украшательство, или же функциональный элемент пользовательского интерфейса? В большинстве случаев всё же, эти красивые ленточки выполняют те или иные полезные функции, выступают в роли подписей к картинкам, заостряют внимание посетителей на размещенных в теле ленты ссылки,…
Оформление заголовока в стиле 3D на CSS3
Здравствуйте всем! Предлагаю на рассмотрение, ещё один вариант оформления текста, в данном и конкретном случае, начального заголовка <h1>, в стиле 3D, исключительно средствами CSS3, без дополнительных изображений. Небольшой сниппет, готовый набор правил и свойств CSS, с помощью которого, можно легко и просто видоизменить любой шрифт: В свое время, я уже выкладывал…
Адаптивные вкладки (табы) на CSS3
Не так давно, мы рассмотрели простейший способ реализации вкладок (табов) с содержанием, без подключения javascript, используя в работе исключительно стандарты CSS3. Сегодня я хочу познакомить вас, с ещё одним, не менее интересным решением по формированию компактного блока вкладок (табов), построенных на чистом CSS3 и использованием элементов адаптивной вёрстки. Как и в первом варианте, ничего лишнего…
Бесплатные ресурсы для дизайнеров и разработчиков сайтов
Армия дизайнеров и разработчиков веб-сайтов огромна, и многие из них делятся с мастеровой братией своими удачными наработками и результатами, выкладывая в свободный доступ различные полезные инструменты, и ресурсы, будь-то бесплатные jQuery плагины, уникальные шрифты, абсолютно бесплатные наборы иконок и комплекты элементов пользовательского интерфейса, свободные веб-приложения или онлайн-конструкторы. И, это радует, сообща оно как-то веселее и…
10 Новых инструментов для веб-разработки и дизайна
Продолжаем знакомиться с интересными новинками инструментов для веб-разработчиков и дизайнеров. Старюсь по мере возможности следить за появлением новых решений в плане разработки сайтов. И конечно же, меня очень интересует все новое и прогрессивное в этой теме. Всевозможные сервисы, библиотеки скриптов, готовые пакеты элементов пользовательского интерфейса, удивительные и эффектные функции css3, собранные в единый набор правил.…
10 Бесплатных наборов элементов интерфейса с плоским дизайном
Времена когда дизайнеры всех мастей, щеголяли друг перед другом, броскими, я бы даже сказал, слишком вычурными дизайн-проектами, с использованием всевозможных графических навортов, прошли безвозвратно, настаёт время новых дизайнерских решений, позволяющих сконцентрировать внимание пользователей на наиболее важных составляющих веб-проекта, нежели его красочная обёртка. Использование плоских элементов интерфейса, незаметно, но уверенно так, перетекло в веб-дизайн с выходом…
Привлекательные кнопки с помощью магии CSS3
Создать кнопки для сайта можно используя любой графический редактор ( Photoshop, Paint.Net, Gimp и др.), можно, не особо заморачиваясь по поводу изучения свойств CSS, воспользоваться специальными генераторами кнопок, благо таких инструментов выпущено предостаточно в последнее время. Меня больше привлекает возможность использования новых стандартов CSS3 при создании различных элементов дизайна современных сайтов, в том числе и…