Mobile first - widok mobilny messenger: Flexbox
W tym praktycznym ćwiczeniu stworzymy widok mobilny aplikacji czatu - messenger. Wykorzystamy do tego CSS Flexbox oraz ikony SVG.
00:00 - Wprowadzenie
01:07 - Darmowe ikony SVG
02:28 - Tworzymy dolny pasek nawigacyjny
04:54 - Tworzymy górne menu nawigacyjne
08:50 - Pole wyszukiwarki
12:13 - Tworzenie listy konwersacji (emmet)
17:53 - Wyróżnione rozmowy
19:49 - Backdrop filter
21:06 - Poprawiamy UX - dolny margines
21:46 - Ostatnie poprawki
23:03 - Podsumowanie
23:49 - Wasze komentarze i bloopery
https://koduje.pl/dostepne-materialy/mobile-first-widok-mobilny-messenger-flexbox
Chcesz więcej? Sprawdź w oryginale!
Przejdź do filmu