Записи с тегом: CSS3

Обзор свойства line-height в CSS-стилях

Обзор свойства line-height в CSS-стилях

С помощью свойства line-height в CSS устанавливается величина пространства между строками. В блочных элементах свойство влияет на минимальную высоту строк внутри элемента. Для встроенных элементов это ...
Разбираем свойство display в CSS

Разбираем свойство display в CSS

Свойство display является одним из самых важных свойств CSS, которые используются верстальщиками для построения макета. Самыми популярными значениями этого свойства являются block, inline и none. Знач ...
Расширенные селекторы CSS, о которых нужно знать

Расширенные селекторы CSS, о которых нужно знать

С помощью CSS можно создавать поистине потрясающие сайты. А правильный подход к использованию стилей позволяет реализовать практически любые идеи в веб-дизайне. И одним из главных моментов здесь являе ...
Использование различных свойств размера шрифта в CSS-стилях

Использование различных свойств размера шрифта в CSS-стилях

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

Какие элементы можно (и нужно) размещать в футере сайта

Разработка оптимального футера (подвала, нижней части, нижнего колонтитула) сайта не всегда находится в списке приоритетов веб-дизайнера. Учитывая то, что футер находится в самом низу веб-страницы, ле ...
Ускоряем свой CSS

Ускоряем свой CSS

Вы когда-нибудь думали о размере файлов CSS-стилей на своем сайте? Ведь если эти файлы имеют большой вес, это негативно скажется на загрузке (отрисовке) страницы. Хотя CSS-файлы сайта в основном весят ...
Лучшие практические рекомендации по веб-дизайну

Лучшие практические рекомендации по веб-дизайну

Если вы фрилансер, а ваша работа зависит от дизайна, значит вы иногда сталкивались с плохим веб- дизайном. Дизайн – это важный аспект в каждом проекте по веб-разработке. И неважно, насколько качествен ...
Советы по оптимизации мобильного веб-дизайна

Советы по оптимизации мобильного веб-дизайна

В последние годы мобильный трафик значительно вырос и эта тенденция сохраняется. Поэтому важно уделять особое внимание оптимизации своих проектов под мобильные устройства. В этой статье мы рассмотрим ...
Псевдоклассы в CSS – минимальный набор знаний

Псевдоклассы в CSS – минимальный набор знаний

Псевдокласс в CSS стилях – это ключевое слово, которое при добавлении к селектору определяет его особое состояние. К примеру, псевдокласс :focus позволяет применять особые CSS-стили для элементов, кот ...
Социальный проект — сайт-визитка каждой школе Житомира

Социальный проект — сайт-визитка каждой школе Житомира

Наша команда решила создать сайт сети школ в Житомире в качестве социального эксперимента. На данный момент не у каждой школы Житомира есть сайт, а те что есть или устаревшие, или используют старые те ...
Использование Flexbox в CSS3 для адаптивного дизайна

Использование Flexbox в CSS3 для адаптивного дизайна

В этой статье хотим более детально остановиться на использовании flexbox в CSS3, в качестве одного из продвинутых способов достижения адаптивности на сайте. При создании CSS сложность макетов была не ...
Основные способы вертикального выравнивания элементов в CSS

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

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

Основные трюки CSS стилей для начинающих вебмастеров

Бывают ситуации при веб-разработке, когда требуются быстрые решения и наиболее простым выходом будет использование простых, но эффективных CSS-трюков. Некоторые трюки настолько простые, что веб-дизайн ...
Скошенные края блоков с помощью CSS-масок и трансформаций

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

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

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

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