UA RU

HTML5 (AMP версия)

Основные способы вертикального выравнивания элементов в CSS

Одна из самых популярных проблем, с которыми сталкиваются веб-дизайнеры – это вертикальное центрирование элементов в CSS и правильное их отображение на девайсах с разными размерами экрана. И сложность не в…

Скошенные края блоков с помощью CSS-масок и трансформаций

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

Ознакомление с CSS-анимацией (animation)

В прошлой статье мы делали краткий обзор CSS-переходов, а в этом посте проведем ознакомительный рейд по полезным, как я надеюсь, вопросам CSS-анимации. Эти два новых свойства в CSS3 позволяют создавать…

Основы адаптивного дизайна в HTML5 и CSS3

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

Ознакомление с CSS-переходами (transition)

В сегодняшней статье мы проведем ознакомительный рейд по полезным, как я надеюсь, вопросам CSS-переходов. Это новое свойство в CSS3 позволяет создавать на сайте привлекательную и «магическую» интерактивность, даже без использования…

Кроссбраузерная совместимость сайта – что это, и как ее проверить

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

Какая разница между Статическим, Жидким, Адаптивным и Отзывчивым дизайном?

В наши дни от веб-дизайнеров часто можно услышать такие термины, как «фиксированный», «статический», «жидкий», «адаптивный», «отзывчивый» и им подобные. Если вы далеки от веб-дизайна или веб-разработки, вам, скорее всего, трудно…

Медиа-запросы в CSS для респонсивного дизайна

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

Очистка неиспользуемых стилей CSS с помощью PurifyCSS

В этом уроке мы продолжим изучение работы с консолью и на практике воспользуемся инструментом для очистки стилей CSS – PurifyCSS. PurifyCSS – это инструмент, написанный на JavaScript, который разбирает разметку…

Как использовать терминал при веб-разработке (основы)

Терминал (также известен как «консоль», «командная строка») используется для управления компьютером и файлами на нем, системными процессами, а также для настройки программ. А некоторые возможности операционной системы так и вовсе…

Приемы достижения адаптивности картинок на респонсивном сайте

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

Обзор возможностей свойства границ (border) в CSS

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

Перенос длинных слов с помощью CSS

Интернет состоит из контента, контент состоит из слов, а слова могут быть очень и очень длинными. И рано или поздно вебмастер сталкивается с проблемой переноса длинных слов. Эта проблема особенно…

HTML5 – шпаргалка по тегам и атрибутам

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

проект закрыт

(ARCHIVE) Сайт строительной компании ЭкономБудПроект

Описание проекта: Сайт разработан для строительной компании в г. Житомир. Компания ЭкономБудПроект занимается строительством каркасных домов, дачных и садовых домов, а также коммерческих объектов в сжатые сроки. География строительства: Житомир…