# css

Наклонные плоскости при помощи «after» и «before»

С недавнего времени у веб-дизайнеров проснулся интерес к неровным плоскостям объектов и они смело внедряют их в свои макеты. Не стоит однако думать, что неровную плоскость изобрели вчера, просто раньше её создавали иначе и редко применяли к крупным объектам страницы. Например, треугольник можно создать... читать »


Маски как элемент декора

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


Сложная CSS анимация — это множество простых решений

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


Grid: создание двумерных макетов, основные характеристики

Это статья про CSS Grid Layout, о способе компоновки объектов на основе сетки (Grid), мне захотелось пройтись по азам и заново познакомиться с основными правилами изменения пользовательского интерфейса при использовании данной технологии. Grid был специально создан для решения проблем с разработкой макета. В отличие... читать »


Flexbox: знакомство со свойством гибкого контейнера

Прежде чем прыгать с места в карьер, как это принято у веб-дизайнеров, необходимо познакомиться с теорией, но это скучно и мало кому интересно, поэтому зачастую к теории появляется интерес гораздо позже, когда мы всё испытали, наступили на все возможные грабли и совершили все возможные... читать »


Сочетание элементов «details» и «summary», выпадающие окна, подсказки

Здесь пойдёт речь об относительно новых структурных элементах, добавленных в HTML, облегчающих создание модальных окон и выпадающих меню. Как указывается в документации на сайте mozilla.org, тег <details> используется для «раскрытия скрытой (дополнительной) информации», по сути это спойлер, при нажатии отображающий скрытую в себе информацию. Самая простая... читать »


Дорогие друзья, если у вас есть какие-то вопросы и предложения, пишите. Искренне буду рад общению.

  • ⦁ создание сайтов ⦁
  • ⦁ индивидуальные проекты ⦁
  • ⦁ компьютерная графика ⦁