CSS3 позволяет разработчикам интерфейсов создавать утонченные визуальные эффекты для того, чтобы усовершенствовать внешний вид веб-сайта. В этой статье вы узнаете более чем о 10 новых методов украшения вашего веб-сайта при помощи CSS3, которые придадут сайту более профессиональный вид. …
Сегодня мы разберемся как создавать различные эффекты анимации при помощи CSS3. Несколько важных моментов, прежде чем мы начнем: …
В этом уроке, я покажу вам, как создать кнопку с изюминкой, используя только анкорную ссылку (хотя данный эффект можно применить и к <button> или <input type="submit" />) и великую силу CSS. Месяц усердных тренировок с псевдо-элементами CSS привел к появлению на свет изящных кнопок, реализация которых раньше была возможна только с использованием CSS-спрайтов. …
Сегодня мы собираемся создать объемные теги на CSS. Для этого нам понадобится свойства box-shadow, text-shadow и border-radius. Метод, показанный в этом уроке, вы сможете легко добавить на любой веб-сайт. …
Типографика является очень важным элементом красивого дизайна, но когда дело доходит до веб – то эта деталь частенько упускается из вида. …
Сегодня мы будем создавать красочное и отзывчивое, адаптивное или респонсив меню, которое будет хорошо смотреться и на Retina-дисплеях. Меню автоматически видоизменяется в зависимости от размера окна браузера: …
Мы предлагаем вам ознакомиться с новой техникой по созданию респонсив меню без использования Javascript. Она использует чистые и семантические разметки HTML5. Меню может быть …
CSS Image Sprite представляет собой метод объединения нескольких изображений в один файл для уменьшения HTTP запросов и оптимизации веб загрузки. …
Одной из самых сложных частей респонсивности веб-сайта является его “Навигация”. Этот функционал является очень важным элементом, так как это один из самых главных способов посетителей увидеть все страницы вашего веб-сайта. Сущевствует много способов по созданию респонсив навигации для веб-сайта и даже есть jQuery плагины, которые могут предоставить готовый функционал за минуты.
В этой статье мы покажем вам как построить простую навигацию с нуля при помощью CSS3 Media Queries и jQuery таким образом, чтобы она правильно отображалась на экране мобильного телефона. …
Если вы планируете использовать CSS на регулярной основе, вам необходимо развить понимание о том, что такое специфичность и как она применяется. …
Наверняка вам приходилось редактировать какой-то пост, запись или статью на Вордпрессе и вы сталкивались с проблемой, когда нужно добавить свой собственный код CSS. Это может быть необходимо для стилизации какого-то параграфа или элемента на странице. …
Наверняка вы видели на некоторых веб-сайтах динамичные и анимированные меню, которые изменяются при прокрутке вниз. Минимизируя главное меню навигации, вы оставляете больше места для содержания. В этом уроке мы объясним, как вы можете создать меню самостоятельно с помощью HTML5, CSS3 и немного jQuery. …
Зачастую очень просто словить себя на мысли, что ваш CSS код получился довольно сумбурным, и даже вам в нем не так-то и просто разобраться. Иногда это результат неаккуратного кодирования с самого начала, иногда потому, что вы делали несколько хаков и изменений в течение времени написания проекта. …
С появлением CSS3 у веб-дизайнеров и разработчиков появился целый мир новых возможностей. С анимацией, тенями, закругленными углами и более, элементы могут быть легко стилизованы..
Навигация по веб-сайту является одним из наиболее важных аспектов хорошего или неудачного опыта пользователей. Вместо того чтобы загружать ваше меню с отдельными изображениями …