W dzisiejszym wyzwaniu GUI tworzymy elastyczną i łatwo dostępną, wysuwaną boczną nawigację, korzystając z CSS i JS. Panel boczny działa w różnych przeglądarkach, na różnych urządzeniach wejściowych i o różnych rozmiarach ekranu. Nieźle? Stosujemy siatkę, przekształcenia, pseudoklasy i dollop kodu JavaScript do obsługi tego UX.
@AdamArgyleInk będzie odpowiadać na Twoje komentarze przez pierwsze 30 minut po premierze odcinka. Skontaktuj się z nami, zadaj pytanie lub prześlij własny kod.
Rozdziały:
- 0:00 – Wprowadzenie
- 0:30 – Omówienie funkcji narożnika debugowania
- 2:25 – Siatka += Układ stosu zapytań o media
- 3:42 – Łatwe przejście do przekształcenia
- 4:22 – :target Pseudoklasa
- 5:57 – Klawisz Escape – UX
- 6:16 – koncentracja na organizowaniu pracy
- 6:49 – Korzystanie z czytnika ekranu
- 7:56 – Zakończenie i wezwanie do działania
Zasoby:
- Pokaż kod → https://goo.gle/3sQ8Xif
- Przeczytaj → https://goo.gle/2Np83J9
- Wypróbuj wersję demonstracyjną → http://goo.gle/3bVBFYT
- Zobacz, jak inni tworzą panel boczny (GUI Submissions) → https://goo.gle/36CAeuO
Zobacz więcej Wyzwania GUI → https://goo.gle/GUIchallenges
Zasubskrybuj kanał Google Chrome Developers → http://goo.gl/LLLNvf