Учись, когда удобно

русский

CSS Grid: Новый взгляд на адаптивную вёрстку сайтов: WebDesign Master

Видео-урок веб-дизайна по CSS Grid Layout с канала WebDesign Master. В этом уроке сайтостроения мы рассмотрим новейшую технику адаптивной вёрстки сайтов с использованием CSS Grid.

CSS Grid Layout – технология совершенно новая и официально стала поддерживаться современными браузерами только в середине 2017 года. Данный материал по веб-разработке имеет академический характер. Использовать CSS Grid Layout или нет – решать вам.

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

CSS Grid является прорывом в адаптивной вёрстке сайтов. Это первый инструмент, созданный специально для решения проблем компоновки при создании сайтов, которые мы до сих пор решали, используя хаки.

Интересно? Тогда вперёд в будущее…

 

Год

Страна

Язык

Продолжительность

Visual Studio Code: All4Site

Краткий видеокурс по установке, настройке и использованию редактора программного кода Visual Studio Code. Видеоуроки вэб-разработки с канала All4Site.

Visual Studio Code — это современный лёгкий бесплатный кроссплатформенный редактор исходного кода от компании Microsoft. Работает в операционных системах Windows, Linux и OS X. Редактор является альтернативой коммерческой среде для разработки Visual Studio, её бесплатной упрощённой версией.

В видеокурсе мы установим данный текстовый редактор для программирования, научимся устанавливать для него расширения. А также заглянем в настройки Visual Studio Code и посмотрим, что там можно подстроить под себя.

Год

Страна

Язык

Продолжительность

Видео-урок по CSS Grid Layout: ITDoctor

Видео-урок веб-дизайна по CSS Grid Layout с канала ITDoctor. В этом видео веб-разработки автор расскажет подробно, как работать с этим инструментом адаптивной вёрстки сайтов.

CSS Grid позволяет нам компоновать и выравнивать элементы html-страницы в двухмерном пространстве. То есть мы можем создавать столбцы, строки и располагать в них элементы так, как нам захочется. Что-то подобное есть в сетке Bootstrap. Однако в Bootstrap свойства сетки нужно описывать дополнительно, а Grid Layout – это стандартное свойство CSS. Следовательно, при его использовании вес кода меньше.

В данном видео автор расскажет обо всех свойствах CSS Grid Layout. Мы рассмотрим основы CSS Grid и научимся делать адаптивную вёрстку страницы с помощью этой сетки. Освоение новых свойств стилей помогут начать верстать без помощи таких фреймворков, как Bootstrap, на чистом CSS с применением CSS Grid Layout.

Год

Страна

Язык

Продолжительность

Gulp 4: Всё, что нужно знать для старта

Видеоурок Вадима Прокопчука по изучению менеджера задач Gulp 4с канала „От 0 до 1“. Его часто используют в качестве системы сборки фронтэнда.

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

Во время вёрстки веб-страницы нам нужно сжимать код, т.е. минифицировать JavaScript, минифицировать CSS. Мы должны переводить из предпроцессорного языка, например, SASS или SCSS, в CSS, компилировать. Также мы должны уменьшать размер изображений, заливать файлы по ftp на сервер и многое другое. Менеджеры задач и сборщики проектов при правильной настройке смогут всё это делать за нас.

В видео автор урока подробно объясняет, зачем нужен Gulp, показывает тонкости работы с Gulp 4. C абсолютного нуля создаст сборку, которую можно использовать для работы над реальными проектами.

Год

Страна

Язык

Продолжительность

Профессиональная вёрстка сайта для начинающих: Web Developer Blog

Новый онлайн курс по вёрстке сайта с нуля. Мы будем использовать все самые профессиональные инструменты и только новые методы вёрстки. Здесь не будет float-ов, не будет остальных устаревших атрибутов. У нас будет адаптивная вёрстка сайта на CSS Grid и Flexbox.

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

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

Для новичка этот шаблон подходит просто идеально. Вы отработаете все техники вёрстки, разберётесь, как верстать определённые компоненты, как это всё компоновать. И, самое главное, как это всё дело сделать максимально быстро.

Год

Страна

Язык

Продолжительность

15 мин силовая бодрая йога на всё тело: chilelavida

Елена Малова представляет на своём канале chilelavida вновь короткую практику Виньяса йоги продолжительностью 15 минут. Для многих короткие видеоуроки йоги – это спасение.

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

Теперь на вдохе поднимает руки вверх. И также взгляд на большие пальцы рук. На выдохе руки опускаем и подбородок к груди. Мягко готовим шею – вдох, руки вверх, выдох сделаем ещё 2 раза…

Год

Страна

Язык

Продолжительность

Йога Виньяса уровень 2 на всё тело (30 минут): chilelavida

Видео-урок Виньяса йоги для продолжающих в домашних условиях от chilelavida. Елена Малова представляет небольшой комплекс упражнений, на полчасика, но достаточно интенсивный.

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

Интенсивный комплекс Виньяса флоу йога проработает всё тело, успокоит ум и при этом не займёт очень много времени. Потому что вряд ли у нас есть куча свободного времени, чтобы практиковать йогу.

А, если это не так, то можно поискать более продолжительные тренировки йоги chilelavida. Там есть занятия 60 минут и больше. Выбор всегда есть.

Будем начинать, чтобы не терять времени…

Год

Страна

Язык

Продолжительность

Братья Щербаковы: Ловля окуня на джиг-приманки

Ловля окуня на джиг-приманки – вторая часть онлайн видео о ловле окуня из серии учебных фильмов о рыбалке братьев Щербаковых. Двадцать шестой выпуск расскажет о секретах ловли окуня. Может ли окунь устоять перед вертушкой, было рассказано ранее. В настоящем видео о приманках на окуня мы попытаемся разобраться, что такое джиг для окуня – корм или игрушка.

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

Год

Страна

Язык

Продолжительность

Братья Щербаковы: Ловля окуня на вертушки

Ловля окуня на вертушки – первая часть онлайн видео о ловле окуня. Двадцать шестой выпуск из серии учебных фильмов о рыбалке братьев Щербаковых расскажет о секретах ловли окуня на вращающиеся блёсны.

Окуня можно ловить практически на любую спиннинговую приманку, соответствующую по размерам рыбе, которую Вы собираетесь ловить. Но наиболее универсальными, хорошо работающими по окуню, являются 2 типа приманок – это вращающаяся блесна и джиг. Можно сказать, что эти две приманки равнозначны. Но в определённых условиях и в определённое время года лучше работает вертушка, а в других условиях – лучше джиг. В данном выпуске речь пойдёт о ловле окуня на вращающуюся блесну. Ловля окуня на джиг будет рассмотрена в следующем видео.

Год

Страна

Язык

Продолжительность

Братья Щербаковы: Мультипликаторные и инерционные катушки

Мультипликаторные и инерционные катушки: выбор, эксплуатация – очередной, двадцать пятый выпуск видео из серии учебных фильмов о рыбалке, в котором братья Щербаковы расскажут, почему зачастую мультипликаторным и инерционным катушкам нет аналогов, а также о секретах выбора и эксплуатации катушек.

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

Мультипликаторные и инерционные катушки сегодня, можно сказать, находятся несколько в тени. Особенно это касается инерционных катушек и в меньшей степени мультипликаторных катушек.

Год

Страна

Язык

Продолжительность

Подписаться на русский