CSS Layout полностью разочаровывает. Скорее всего вы столкнетесь с борьбой с CSS в течение нескольких часов, а может и дней, на проблемном макета, который сначала казался простым, но оказался безумно сложным.
В этом курсе вы познакомитесь с некоторыми передовыми методами CSS, которые покажут вам, как решать реальные проблемы, с которыми вы, вероятно, столкнетесь в своих приложениях. Мы рассмотрим некоторые из менее известных функций CSS, поэтому, даже если у вас есть значительный опыт работы с CSS, вы, вероятно, узнаете что-то новое, что может помочь вам в вашей повседневной работе.
Мы предполагаем, что у вас есть практические знания основ CSS, и мы погрузимся в более продвинутый CSS layout. Эти методы должны заставить вас писать более гибкие стили уже сейчас!
Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай
Advanced CSS Layout Techniques,
а также все другие курсы, прямо сейчас!
Target empty elements using the :empty pseudo-class
Урок 2.00:02:43
Target Positional Elements Using *-Of-Type CSS pseudo-classes
Урок 3.00:00:59
Create a fixed-fluid-fixed layout using CSS calc()
Урок 4.00:02:57
Dynamically Size Elements with Pure CSS
Урок 5.00:01:13
Easily Reset Styles With a Single CSS value
Урок 6.00:03:03
Layout Responsive Fluid Columns Using CSS
Урок 7.00:02:14
Control Image Aspect Ratio Using CSS
Комментарии
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
CSS эксперт, Джонатан Снук, делится своим опытом создания крупных сайтов, чтобы сделать ваш CSS более гибким, используя масштабируюмую и модульную архитектуру для CSS - SMACSS.
Узнайте о категоризации и соглашение об именах, что может показаться простым на первый взгляд, но на самом деле это действительно важно и не совсем легко.
Узнайте наскольоко глубока кроличья нора CSS3. Автор курса глубоко погружается в различные компоненты CSS3, в том числе: селекторы, спецификации, media queries, отладку, цвета, шрифты, тени, текстовые эффекты, границы, фоны, градиенты, преобразования, переходы, анимации ... и многое многое другое! Приятного просмотра.
В этой серии уроков «Современные CSS Сетки» мы покроем тему современных CSS Layouts. Мы будем строить сетки таких сайтов как Facebook, Instagram и моего персонального сайта (leveluptutorials.com) используя разные техники - от flexbox до CSS-Grid. Мы рассмотрим все самое свежое и самое лучшее что есть сейчас в CSS.
Мы начнем с краткого обзора использования Flexbox для создания сложной веб-страницы. Мы рассмотрим, как решить, как писать макет на основе скриншотов желаемого результата. Мы также создадим кнопку гамбургера для нашей навигации с использованием только CSS-подхода - JavaScript не требуется.