​Подборка видеотуториалов по верстке, вышедших за последнюю неделю.

- Большой плейлист с редизайном реального проекта
Смотреть на YouTube

- Верстка сайта на HTML5 и CSS3 за час! + Публикация на сервер
Смотреть на YouTube

- Онлайн-марафон по верстке лендинга
Смотреть на YouTube

P.S. Хороших выходных, не болейте!

​​Единицы измерения CSS, связанные с областью просмотра

Свежая статья, посвященная разбору единиц вьюпорта в CSS и вариантам их использования. Если вы до сих пор путаетесь в vm, vh, vmin и vmax или вообще не знаете, что это - обязательно прочитайте.

Читать статью

​​Запись докладов JavaScript fwdays'20

Всем привет - отличные новости, на прошлой неделе появились записи конференции JavaScript fwdays'20, которая в свете последних событий проходила online. В основном доклады по JS - по верстке есть крутецкий доклад Вадима Макеева - HTML: The Good Parts.

Смотреть на YouTube

​​CSS Import

Небольшая исчерпывающая статья про @import в CSS. Описаны преимущества, недостатки, альтернативы и стоит ли вообще их использовать (спойлер: да)

Читать статью

​​Подборка видеотуториалов по верстке, вышедших за последнюю неделю.

- Адаптивная верстка письма с нуля (~1 час)
Смотреть на YouTube

- Интенсив: верстка сайта с нуля для новичков (>8 часов)
1ый день | 2ой день | 3ий день

- Mobile first метод. Адаптивная верстка (~3 часа)
Смотреть на YouTube

Всем хороших и продуктивных выходных :)

​​Работа с изображениями в веб

Свежая статья, где описано все, что нужно знать о теге img, css-свойстве background и svg. Теория и куча примеров использования.

Читать статью

Актуальное

​​Доклады AvitoTech x FrontendConf 2019

На прошлой неделе появились записи докладов конференции FrontendConf 2019. Довольно много докладов по CSS. Посмотрите, чтобы оставаться в курсе последних трендов фронтенда и верстки в частности.

Смотреть на YouTube

​​4 свойства CSS Grid для большинства ваших потребностей

Отличная статья для тех, кто хочет начать работать с CSS Grid. Перечислен наименьший возможный набор свойств grid-ов, который вы должны знать, чтобы удовлетворить большинство ваших потребностей.

Читать статью

​​10 горячих клавиш VS Code, которые ускорят вашу работу

Свежая статья с обзором популярных горячих клавиш VSCode. Must read для тех, кто верстает и пишет код в этом редакторе.

Читать статью

​​Подборка видеотуториалов по верстке за последнюю неделю

- Адаптивная верстка макета с нуля. Марафон по верстке, GULP, SCSS, JS (>2 часов)
Смотреть на YouTube

- Верстка интернет-магазина техники из PSD макета. HTML, CSS. (>8 часов)
Часть 1 | Часть 2 | Часть 3 | Часть 4

- Практический доклад по верстке от ШРИ Яндекса (~2.5 часа)
Смотреть на YouTube

Хороших выходных!

​​Как в CSS воссоздать красивую анимацию Netflix

Небольшое руководство, где на чистом CSS делают слайдер предварительного просмотра как на Netflix. Читайте, если хотите научиться делать клевые слайдеры на CSS без зависимостей.

Читать статью

​​Список CSS-вопросов с собеседований с детальными ответами

Свежая статья, в которой автор разобрал свои любимые вопросы по CSS с собеседований. Ответы скрыты под спойлерами, так что можете заодно и проверить свои знания. Must read.

Читать статью

​​Как сместить футер в самый низ страницы: Flexbox vs. Grid

Сравнение двух способов размещения футера в нижней части страницы независимо от длины основного содержимого. С примерами кода.

Читать статью

​Подборка видеотуториалов по верстке за последнюю неделю

- Адаптивная верстка на Flexbox и Grid (~2.5 часа)
Смотреть на YouTube

- Марафон по верстке. Адаптивная верстка макета с нуля GULP SCSS JS
Часть 1 | Часть 2 | Часть 3

- Клон Uber Eats на HTML, CSS (SASS), JS (~1 час, english)
Смотреть на YouTube

​​Пять способов отложенной загрузки изображений

Свежая статья с описанием пяти подходов для организации lazy-loading для ваших изображений. От нативной загрузки до js-библиотек.

Читать статью

​​Гибкая разметка без медиа-запросов: функции min(), max(), clamp()

Свежая статья, где рассказывают, как сделать адаптив с использованием CSS Grid и математических функций.

Читать статью

​​Выделение и CSS

Клевая статья-справочник о ::selection и об эффектах для текста в целом. Куча примеров начиная от простых выделений заканчивая тенями и blur-ами.

Читать статью