Dowiedz się CSS Flexbox na Lynda.com

• Może 16, 2024

Po dziesięciu latach, które trwały całe życie w sieci, postanowiliśmy nadać stronie MUSED Literary Review nowy wygląd. Oczywiście chcieliśmy używać najnowszego HTML i CSS, a to oznacza korzystanie z Flexbox, CSS Grid i Responsive Web Design.

Dzięki Lynda.com nie trzeba było długo czekać na przyspieszenie. Poniżej kilka najlepszych samouczków wideo, które pomogły mi zaprojektować nowy wygląd MUSED.

Zaawansowane responsywne układy z CSS Flexbox
Morten Rand-Hendriksen
W tym kursie opartym na projektach autor prowadzi użytkownika krok po kroku, budując menu Flexbox, responsywne układy kart, układ Świętego Graala i elementy interaktywne.

Zaawansowane układy CSS z siatką
Morten Rand-Hendriksen
Na tym kursie wiele się nauczysz. Autor zaczyna od podstaw CSS Grid i planowania układów siatki. Następnie możesz zbudować układ wielokolumnowy i układ jednokolumnowy z pełnym spadem. Następnie dowiesz się, jak projektować różne układy kart i panel nawigacji poza ekranem, który w razie potrzeby można wyświetlić.

Szkolenie CSS Essential 3
Christina Truong
Na tym kursie nauczysz się korzystać z CSS Grid i Flexbox do budowania responsywnych układów. Dowiesz się również, jak przygotować swoje obrazy internetowe na wyświetlacze Retina i obrazy wektorowe SVG. Następnie autor przechodzi do prostych animacji CSS, responsywnej typografii i dostępności.

CSS Flexbox Pierwsze spojrzenie
James Williamson
Ten kurs prowadzi Cię krok po kroku, gdy poznasz całą składnię modułu układu CSS Flexbox. Autor omawia możliwości Flexboksa i bieżącą obsługę przeglądarki. Następnie dokładnie omawia takie tematy, jak przepływ elementów, zawijanie treści, wyrównywanie elementów i zagnieżdżanie elastycznych pojemników.

Siatka CSS Pierwsze spojrzenie
Morten Rand-Hendriksen
Na tym kursie poznasz nowy i ulepszony sposób tworzenia dwuwymiarowych układów siatki. Począwszy od podstaw korzystania z CSS Grid do budowania responsywnych układów siatki, autor omawia wszystko, co musisz wiedzieć, aby zbudować zarówno magazyn internetowy, jak i układ trzech kolumn.

Budowanie elastycznych formularzy za pomocą Flexbox
James Williamson
Nie możesz zaprojektować strony internetowej bez formularzy. Formularze muszą reagować tak samo na wszystkie typy i rozmiary ekranów, podobnie jak reszta witryny. Williamson uczy, jak używać modelu pudełkowego CSS Flexbox do tworzenia i stylizowania elastycznych formularzy internetowych. Zaczyna od prostego formularza wyszukiwania i tworzy duży, dwukolumnowy formularz.

Responsywne obrazy
Morten Rand-Hendriksen
Jeśli korzystasz z Wordpress, wiesz, że automatycznie wygeneruje kilka obrazów o różnych rozmiarach dla każdego obrazu przesłanego do systemu. Dlaczego? Ten kurs objaśni koncepcję responsywnych obrazów i sposób ich wykorzystania na własnej stronie internetowej.