frontendmasters
Jen KramerHTML - это мост между контентом и кодом. Большая буква «С» в CSS означает каскад. К сожалению, мало времени тратится на изучение того, что означает любое из этих понятий, или их влияние на ваш код. В этом курсе вы научитесь использовать семантический HTML, селекторы, наследование и каскадирование для создания веб-страниц с более компактным кодом и более эффективным стилем.
frontendmasters
David KhourshidАнимация пользовательского интерфейса играет важную роль для веб-приложений и веб-сайтов в улучшении взаимодействия с пользователем. Но создание анимации может быть трудным или чрезмерным. На этом курсе мы изучим основы CSS-анимации и перейдем к продвинутым концепциям, таким как оркестровка и хореография. Мы также изучим принципы моушн-дизайна, которые сделают все наши анимации последовательными и продуманными.
frontendmastersJen KramerМакеты страниц - это сердце любого веб-сайта или приложения. В современной сети есть несколько вариантов создания макетов, каждый со своими положительными и отрицательными характеристиками. Выполнив множество упражнений и попрактиковавшись, вы освоите спецификации Flexbox и Grid, а также адаптивные изображения, применяя их к повседневным макетам страниц.
frontendmastersJen KramerИз трех основных технологий, обеспечивающих работу внешнего интерфейса веб-сайтов, каскадные таблицы стилей (CSS) являются наиболее часто упускаемыми и неправильно понятыми. Имея решающее значение для цветов, шрифтов, макета и многого другого, CSS кажется технологией, которую разработчики любят ненавидеть.
frontendmastersПри полном использовании кастомные свойства CSS могут способствовать лучшему сотрудничеству и повторному использованию кода, улучшать дебаг и прямо открывать возможности, которые ранее требовали большого количества сложного в обслуживании JavaScript и нарушали разделение задач. Это действительно революция в том, как мы пишем CSS! Однако их использование в полной мере требует более глубокого понимания как кастомных свойств, так и самого CSS, и ест
frontendmasters
Jon KupermanОбеспечение веб-сайта доступностью чрезвычайно важно, но информации мало, и аудит вашего сайта часто отходит на второй план. Этот курс даст вам все навыки, необходимые для аудита и устранения проблем с доступностью в любом проекте! Начните создавать доступные веб-приложения, которые сможет использовать каждый!
frontendmastersJen KramerМы начнем с краткого обзора использования Flexbox для создания сложной веб-страницы. Мы рассмотрим, как решить, как писать макет на основе скриншотов желаемого результата. Мы также создадим кнопку гамбургера для нашей навигации с использованием только CSS-подхода - JavaScript не требуется.
frontendmastersС новыми функциями и новым синтаксисом для ежедневного изучения CSS может стать проблемой. Тем не менее, сила CSS стоит этой боли. Понимая, как правильно использовать CSS, и зная большинство основных моментов CSS, вы можете сократить время разработки, сократить расходы на обслуживание, а также улучшить SEO, доступность и производительность сайта. На этом очном или интерактивном четырехдневном семинаре вы узнаете о возможностях CSS, в том числе о
frontendmastersС пониманием того как правильно использовать CSS, вы можете сократить время разработки, сократить расходы на обслуживание и улучшить SEO, доступность и производительность сайта.В этом курсе вы узнаете о возможностях CSS3, в том числе о новых методах компоновки, анимации, прогрессивных принципах проектирования, методах экономии времени и средствах отладки и разработки.
frontendmastersМы начнем с быстрого обзора текущего стандарта отрасли: сеток построеной на флоатах . Мы рассмотрим как быстро создать такую сетку плюс преимущества и недостатки такого подхода. Мы также рассмотрим медиа-запросы и отзывчивые изображения, включая новый тег и Picturefill. Мы быстро перейдем к Flexbox, сначала исследуем как работает Flexbox, так как он сильно отличается от float. Мы будем верстать простую сетчатую систему с помощью Flexbox, и рассмо