frontendmasters
FrontendMasters - Одна из самых лучших площадок для изучения Frontend. Видеокурсы ведут ведущие люди в этой отрасли.
Адаптивный веб-дизайн с помощью Flexbox и CSS Grid, v2
Responsive Web Design with Flexbox & CSS Grid, v2
★ 4.7 (всего оценок - 23)
Продолжительность
5 ч 49 мин
Категория
CSS
Количество уроков
44 Видео
Дата добавления
22 авг. 2021 г., 21:09
Язык
Английский
Дата выхода
19 авг. 2021 г., 03:00
Дата обновления
1 нояб. 2021 г., 14:03
Макеты страниц - это сердце любого веб-сайта или приложения. В современной сети есть несколько вариантов создания макетов, каждый со своими положительными и отрицательными характеристиками. Выполнив множество упражнений и попрактиковавшись, вы освоите спецификации Flexbox и Grid, а также адаптивные изображения, применяя их к повседневным макетам страниц.
- Ознакомьтесь со спецификациями Flexbox и Grid, включая общие свойства и значения.
- Применяйте Flexbox и Grid к разным задачам компоновки и понимайте их сильные и слабые стороны.
- Float, как лучше всего их очистить - никаких хитростей!
- Разберитесь в различных стратегиях гибкого управления изображениями и узнайте, когда их использовать.
- Комбинируйте все методы для создания реальных веб-страниц с правильными семантическими макетами HTML и CSS!
Посмотреть больше
Удален по просьбе правообладателя
-
Урок 1. 00:06:43Introduction
-
Урок 2. 00:06:42Responsive Design Overview
-
Урок 3. 00:05:09Flexbox
-
Урок 4. 00:03:32Starting CSS Setup
-
Урок 5. 00:14:56Container Flexbox Properties Demo
-
Урок 6. 00:09:25Child Flexbox Properties Demo
-
Урок 7. 00:11:01Overview & Setup
-
Урок 8. 00:11:12Coding a Flexbox Grid System
-
Урок 9. 00:14:03Responsive Media Queries
-
Урок 10. 00:01:05Flexbox Grid System Exercise
-
Урок 11. 00:04:54Flexbox Grid System Solution
-
Урок 12. 00:10:38Text Overlay Effect with Flexbox
-
Урок 13. 00:04:53Flexbox Exercises Setup
-
Урок 14. 00:12:04Collections Practice
-
Урок 15. 00:08:52Mission Practice
-
Урок 16. 00:05:33Flexbox Footer Practice
-
Урок 17. 00:07:41Header & Navbar
-
Урок 18. 00:10:24Header & Navbar Styling for Desktop
-
Урок 19. 00:05:50Header & Navbar Styling for Tablet
-
Урок 20. 00:07:46Header & Navbar Styling for Mobile
-
Урок 21. 00:04:39Responsive Images Overview
-
Урок 22. 00:15:42Responsive Images Best Practices
-
Урок 23. 00:04:11srcset & sizes Demo
-
Урок 24. 00:10:46Banner Demo
-
Урок 25. 00:05:43Hero Demo
-
Урок 26. 00:02:19Final Flexbox Exercise
-
Урок 27. 00:04:02Final Flexbox Solution
-
Урок 28. 00:11:49Introducing CSS Grid
-
Урок 29. 00:10:47Line-Based CSS Grid Layout Demo
-
Урок 30. 00:03:00Rows & Columns Practice
-
Урок 31. 00:06:01Sizing Rows & Columns
-
Урок 32. 00:05:29Grid Layout with Span Notation Demo
-
Урок 33. 00:08:34Grid System with CSS Grid
-
Урок 34. 00:15:28Responsive Grid with CSS Grid
-
Урок 35. 00:09:44Figure & Figure Caption with CSS Grid
-
Урок 36. 00:05:25Combining Grid Cells & Animation
-
Урок 37. 00:03:07Mosaic Grid Exercise
-
Урок 38. 00:07:34Mosaic Grid Solution
-
Урок 39. 00:15:02Magazine-Style Layouts with Grid Template Areas
-
Урок 40. 00:09:23Card HTML Markup Practice
-
Урок 41. 00:16:24Card Layouts with Flexbox & Grid
-
Урок 42. 00:03:50Final CSS Grid Exercise
-
Урок 43. 00:05:56Final CSS Grid Solution
-
Урок 44. 00:02:31Wrapping Up
Авторы - frontendmasters, Jen Kramer
Jen Kramer
Джен Крамер преподает HTML и CSS для всех уровней более 20 лет. Ранее она была лектором в Гарвардском университете, совмещая это с работой фрилансера по веб-дизайну. Джен также является автором более 70 видео-курсов и трех книг. В настоящее время она занимает должность директора по дизайну обучения и технологиям в AnnieCannons - некоммерческой организации, которая обучает, подготавливает и помогает людям, пострадавшим от торговли людьми, начать у
Другие материалы в этой категории
Комментарии
-
R2D2Please update. -
Blinkshttps://frontendmasters.github.io/grid-flexbox-v2/ -
Anonymousplanning to reupload?
