frontendmasters
FrontendMasters - Одна из самых лучших площадок для изучения Frontend. Видеокурсы ведут ведущие люди в этой отрасли.
Продолжительность
8 ч 58 мин
Категория
CSSКоличество уроков
56 Видео
Дата добавления
18 мая 2023 г., 21:35
Язык
Английский
Дата выхода
17 мая 2023 г., 00:00
Дата обновления
15 авг. 2023 г., 09:26
Устали от обычных макетов? Неуверены, как сделать их более интересными? Этот семинар именно для вас! Присоединяйтесь к Джен на два насыщенных дня, в ходе которых вы создадите три различных отзывчивых веб-сайта для вымышленной группы Magenta Lime.
Мы начнем с базового веб-сайта, закрепляя шрифты, размеры, цвета, изображения, и основы дизайна. Затем мы перейдем к средней сложности сайта, повторно использовав множество элементов из базового дизайна, но добавив интерактивность, дополнительный стиль и немного JavaScript. Наконец, мы решим сложную задачу с созданием сайта, добавляя анимацию, интерактивность и еще более сложные макеты.
- Создавайте 3 разных веб-сайта с одним и тем же материалом - легкий, средний и сложный.
- Преобразуйте базовые макеты в сложные макеты с помощью нескольких CSS-свойств.
- Поддерживайте доступность с помощью семантической разметки.
- Изучайте некоторые из последних приемов, выходящих за рамки других курсов Джен.
Посмотреть больше
Удален по просьбе правообладателя
- Урок 1.00:08:23Introduction
- Урок 2.00:13:34Styleguide Exercise: CSS Basics Setup
- Урок 3.00:06:39rem vs. em Units
- Урок 4.00:14:14Style Guide Type Sizes
- Урок 5.00:11:28Custom Font & Responsive Image
- Урок 6.00:18:42HTML Markup for a Simple Website
- Урок 7.00:10:35CSS for a Simple Responsive Layout
- Урок 8.00:07:07Mobile Tour Styles
- Урок 9.00:09:54Reviews & Images Styles
- Урок 10.00:05:11Margin Collapse
- Урок 11.00:02:13Basic CSS Footer Styles
- Урок 12.00:07:39CSS for Tablet Layout
- Урок 13.00:08:01Responsive Images with the Picture Element
- Урок 14.00:16:26Basic Tablet CSS Layout
- Урок 15.00:10:20CSS Styles for Desktop Layout
- Урок 16.00:13:10Tour Page Styles
- Урок 17.00:06:52Button Styling Practice
- Урок 18.00:08:28Button Interactive States
- Урок 19.00:04:59Tour Text Styles
- Урок 20.00:11:17Tour Layout Practice
- Урок 21.00:04:28Album & Tracklist Exercise
- Урок 22.00:03:07Album Solution
- Урок 23.00:07:19Album Styles
- Урок 24.00:09:39Tracklist Styles
- Урок 25.00:08:43Reviews & Images Mobile Styles
- Урок 26.00:12:33Reviews & Images Tablet Styles
- Урок 27.00:09:04Reviews & Images Tablet Styles Exercise
- Урок 28.00:10:43Reviews & Images Desktop Styles
- Урок 29.00:06:06Audio Player Overview
- Урок 30.00:10:23Audio Player Markup
- Урок 31.00:14:40Audio Player Base Styles
- Урок 32.00:08:48Play & Mute Button Styles
- Урок 33.00:09:37Range Slider Styles
- Урок 34.00:03:11Album Cover Styles
- Урок 35.00:08:12Hamburger Menu Exercise
- Урок 36.00:04:56Hamburger Menu Logo Exercise
- Урок 37.00:19:23Hamburger Menu Styles Exercise
- Урок 38.00:15:12Hamburger Menu Tablet & Mobile Styles
- Урок 39.00:03:24Medium Design Site Assembly Exercise
- Урок 40.00:19:02Medium Design Desktop Layout Exercise
- Урок 41.00:04:41Small Elements Exercise
- Урок 42.00:05:41Small Elements Solution
- Урок 43.00:06:02Review Layout Exercise
- Урок 44.00:04:21Album Boxes Exercise & Solution
- Урок 45.00:18:31Double Border Corners
- Урок 46.00:06:08Navigation Exercise & Solution
- Урок 47.00:16:54Social Icons
- Урок 48.00:11:49Tracklist CSS
- Урок 49.00:05:20Tracklist Show & Hide JavaScript
- Урок 50.00:18:08Tracklist Grid for Tablet & Desktop
- Урок 51.00:13:03CSS Transitions & Custom Table Scrollbar
- Урок 52.00:09:31Diamond Images Mobile Layout
- Урок 53.00:13:57Diamond Images Tablet & Desktop Layout
- Урок 54.00:05:13Advanced Layout Exercise
- Урок 55.00:10:40Advanced Desktop Layout
- Урок 56.00:05:15Wrapping Up
Авторы - frontendmasters, Jen Kramer
Jen Kramer
Джен Крамер преподает HTML и CSS для всех уровней более 20 лет. Ранее она была лектором в Гарвардском университете, совмещая это с работой фрилансера по веб-дизайну. Джен также является автором более 70 видео-курсов и трех книг. В настоящее время она занимает должность директора по дизайну обучения и технологиям в AnnieCannons - некоммерческой организации, которая обучает, подготавливает и помогает людям, пострадавшим от торговли людьми, начать у
Комментарии
Blinkshttps://practical.css.education/