Верстка сайта

Верстка сайта во всех ее аспектах: наши публикации на тему мобильной и адаптивной HTML-верстки с примерами и готовыми шаблонами. Статьи для веб-верстальщиков разного уровня – от начинающих до экспертов с примерами и макетами.

Создаем анимированные кнопки при помощи CSS3
Верстка сайта Создаем анимированные кнопки при помощи CSS3

В данной статье я хочу поделиться с вами некоторыми экспериментами по созданию анимированных кнопок при помощи CSS3. Идея заключается в создании анимированных ссылок с разными стилями, hover-эффектами и проч.

Создаем оригинальные hover-эффекты при помощи CSS3
Верстка сайта Создаем оригинальные hover-эффекты при помощи CSS3

Мощь CSS3 огромна и в этом уроке вы сможете увидеть, как использовать его креативно. Мы собираемся создать несколько эффектов при наведении курсора мыши с помощью CSS3 transitions.

Анимация меню при помощи CSS3
Верстка сайта Анимация меню при помощи CSS3

В данной статье я хотел бы показать вам некоторые приёмы создания эффектов при помощи CSS3 на примере меню

Работа с изображениями при помощи CSS3
Верстка сайта Работа с изображениями при помощи CSS3

При использовании свойств box-shadow или border-radius непосредственно на изображении, браузеры могут некорректно отображать заданные нами CSS стили, из-за чего внешний вид блока будет существенно отличаться от задуманного

CSS хаки
Верстка сайта CSS хаки

Браузеры и стандарты. Вечная погоня. Из-за несоответствий стандартам, из-за разных способов рендеринга страниц большая часть времени веб-дизайнера уходит на то, чтобы загладить эти несоответствия (использовать хаки).