Научете CSS Flexbox в Lynda.com
След десет години, което е цял живот в мрежата, решихме да дадем на уебсайта MUSED Literary Review нов облик. Разбира се, искахме да използваме най-новите HTML и CSS и това означава да използваме Flexbox, CSS Grid и отзивчив уеб дизайн.

Благодарение на Lynda.com не ми отне много време да достигнеш скорост. По-долу са само няколко от най-добрите видео уроци, които ми помогнаха да проектирам новия облик на МУЗЕД.

Разширени отзивчиви оформления с CSS Flexbox
Мортен Ранд-Хендриксен
В този курс, базиран на проекти, авторът ви води стъпка по стъпка, докато изгражда менюта на Flexbox, отзивчиви оформления на карти, оформление на Holy Grail и интерактивни компоненти.

CSS Разширени оформления с Grid
Мортен Ранд-Хендриксен
Ще научите много в този курс. Авторът започва с основите на CSS Grid и планирането на оформлението на мрежата. Тогава сте готови да изградите оформление на много колони и пълно разположение на една колона. След това научавате как да проектирате различни оформления на карти и екран за навигация извън екрана, който се плъзга в изглед, когато е необходимо.

CSS Основно обучение 3
Кристина Труонг
В този курс ще се научите да използвате CSS Grid и Flexbox за изграждане на отзивчиви оформления. Ще научите и как да подготвите вашите уеб изображения за Retina дисплеи и SVG векторни изображения. След това авторът преминава към прости CSS анимации, отзивчива типография и достъпност.

CSS Flexbox First Look
Джеймс Уилямсън
Този курс ви отвежда стъпка по стъпка, докато научите целия синтаксис за CSS Flexbox Layout модула. Авторът обсъжда какво може да направи Flexbox и текущата поддръжка на браузъра. След това той обстойно обсъжда теми като потока от елементи, опаковане на съдържание, подравняване на елементи и гъвкави контейнери.

CSS Grid First Look
Мортен Ранд-Хендриксен
В този курс ще научите нов и подобрен начин за създаване на двуизмерни оформления на мрежата. Започвайки с основите за използване на CSS Grid за изграждане на отзивчиви оформления на мрежата, авторът обхваща това, което ще трябва да знаете, за да изградите както онлайн списание, така и три колона оформление.

Изграждане на отзивчиви форми с Flexbox
Джеймс Уилямсън
Не можете да създадете уебсайт без формуляри. Формите трябва да са толкова отзивчиви за всички видове и размери на екраните, както и останалите в сайта. Уилямсън ви учи как да използвате модела на кутията CSS Flexbox за създаване и стилизиране на отзивчиви уеб форми. Той започва с обикновена форма за търсене и изгражда до голяма форма с две колони.

Отзивчиви изображения
Мортен Ранд-Хендриксен
Ако използвате Wordpress, знаете, че той автоматично ще генерира няколко изображения с различен размер за всяко изображение, което качвате в системата. Защо? Този курс ще обясни концепцията зад отзивчивите изображения и как да ги използвате на собствения си уебсайт.


Инструкции Видео: Вибрираща платофрма за тренировки Way Flex Shake It (Март 2024).