Нестандартные блоки на сайте

Перейти на страницу с примерами Очередная порция вдохновляющих возможностей CSS3 — примеры разметки и стилей для нестандартных блоков на сайте. HTML-элементы по…

Красивая форма для сайта

Перейти на страницу с примерами Для создания форм с необычным дизайном можно использовать как тематику сайта, так и назначение самой формы. Например,…

Красивые кнопки для сайта

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

Красивые рамки для текста и фото на сайте

Перейти на страницу с примерами Используя различные техники, можно создать уникальный дизайн элементов страницы. Градиентные узоры, элементы декора, созданные с помощью псевдоэлементов,…

Красивое оформление цитат на сайте

Перейти на страницу с примерами Цитата — дословная выдержка (отрывок) из какого-либо текста с указанием авторства или источника. Википедия Цитаты обычно используются…

Адаптивное выпадающее мега меню на CSS

Урок посвящён созданию адаптивного выпадающего меню шириной во всю ширину страницы или блока навигации, на чистом CSS. Мега меню обычно используется на…

Эффекты наложения

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

Как сделать колонки одинаковой высоты

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

Приёмы создания плавной анимации

Современные интернет-пользователи хотят, чтобы открываемые страницы были интерактивными и работали плавно. Страницы должны не только быстро загружаться, но и хорошо работать: прокрутка…

Создание HTML форм

HTML формы — сложные элементы интерфейса. Они включают в себя разные функциональные элементы: поля ввода <input> и <textarea>, списки <select>, подсказки и…

Рисуем с помощью box-shadow

Свойство box-shadow — удивительное свойство. Оно позволяет создать множество теней вокруг одного элемента. С его помощью можно рисовать как простые, так и…

Анимированные переходы

Анимированные переходы — альтернатива несложной анимации. С помощью CSS3 переходов можно изменять различные характеристики одного элемента одновременно, устанавливая задержку во времени для…

Индикатор загрузки для сайта

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

Красивые заголовки

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

Всплывающая подсказка с помощью CSS

В этом уроке вы узнаете, как сделать всплывающую подсказку при наведении на кнопку с помощью CSS. Текст всплывающей подсказки будет генериться за…

Просто! Создать! Веб-сайт!

(Перевод статьи Just! Build! Websites! (в ред. автора) Ведущим подкаста ShopTalk Крису Койер (Chris Coyier) и Дейву Руперт (Dave Rupert) часто задают…

Псевдоклассы

Псевдоклассы описывают характеристики элементов, такие как динамическое состояние — нажатая ссылка, язык кодировки — абзац на французском языке и т.д. Они не…