«CSS как искусство» — практический курс о том, как понимать CSS не как набор отдельных свойств и приёмов, а как целостную систему. Вы разберётесь, как CSS работает изнутри, научитесь уверенно писать, анализировать и поддерживать стили, а также создавать надёжные интерфейсы в условиях ограниченных сроков и бюджета.
CSS может вызывать противоречивые чувства — и на это есть веские причины. Его синтаксис кажется обманчиво простым, но задачи, которые он решает, на удивление сложны. Чем глубже вы погружаетесь в язык, тем чаще CSS может казаться запутанным и непредсказуемым, особенно если изучать его по одному свойству или возможности за раз.
Но так быть не должно.
Этот курс создан для того, чтобы отойти от изучения отдельных возможностей CSS и посмотреть на язык целиком — понять, как CSS работает изнутри и почему он ведёт себя именно так.
Это не теоретическое упражнение. Полученное понимание поможет вам уверенно работать с CSS в реальных проектах: создавать стили для разных браузеров и устройств, контролировать их поведение, поддерживать код в долгосрочной перспективе и укладываться в заданные сроки и бюджет.
По ходу курса мы рассмотрим различные подходы к организации и поддержке CSS-кода, в том числе методики, которые команда OddBird разрабатывала и применяла почти 20 лет в проектах по созданию сложных веб-приложений и интерфейсов для клиентов самого разного масштаба.
CSS — это предметно-ориентированный язык программирования, созданный с целью обеспечить универсальную доступность веб-содержимого. Именно поэтому он работает иначе, чем языки общего назначения.
В этом разделе вы разберётесь:
Каскад — одна из фундаментальных особенностей CSS. Более того, он настолько важен, что именно он дал языку название — Cascading Style Sheets.
Понимание каскада лежит в основе практически всего остального в CSS. Вы научитесь:
CSS работает с типизированными значениями, которые проходят несколько этапов обработки — от объявления в таблице стилей до окончательного отображения на странице.
Понимание этого процесса помогает избежать множества тонких ошибок и быстрее находить причины неожидательного поведения.
В разделе рассматриваются:
Веб создавался для работы в огромном разнообразии браузеров, устройств и условий. Возможности разных платформ могут отличаться, поэтому хороший CSS должен быть устойчивым к этим различиям.
Вы изучите:
Существует множество популярных CSS-конвенций и методологий, предлагающих свои способы именования классов, организации файлов и построения архитектуры стилей. Но насколько действительно полезны эти подходы и какой из них подходит именно вашей команде?
В этом разделе вы разберётесь:
После курса вы будете смотреть на CSS не как на набор отдельных свойств, которые нужно запомнить, а как на систему со своими принципами, правилами и взаимосвязями.
Вы сможете увереннее проектировать архитектуру стилей, разбираться в каскаде и наследовании, предотвращать конфликты, учитывать особенности браузеров и создавать CSS-код, который остаётся понятным и поддерживаемым по мере роста проекта.
Главная цель курса — не научить вас использовать ещё больше CSS-возможностей, а помочь понять саму природу CSS, чтобы вы могли принимать обоснованные решения при разработке реальных веб-интерфейсов.
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
Мириам (Миа) — веб-разработчик, преподаватель и один из пионеров современного CSS. Она является приглашённым экспертом CSS Working Group в составе W3C и внесла значительный вклад в развитие языка Sass. В 2009 году Миа создала Susy — инструмент для построения адаптивных сеток. В последние годы она стала соавтором спецификаций CSS, посвящённых Container Queries, Cascade Layers, Mixins, Functions и Scope. Её работа внесла заметный вклад в развитие с
