W dzisiejszym Wyzwaniu GUI @AdamArgyleInk zastanawia się, jak stworzyć toasty – nieinteraktywny i pasywny komponent interfejsu służący do przekazywania opinii użytkownikom. Poznaj element [output], siatkę CSS, animacje i technikę FLIP, która pomaga stworzyć adaptacyjny i dostępny komponent.
Rozdziały:
- 0:00 – Wprowadzenie
- 0:23 – Omówienie
- 2:02 – [wyjście]
- 3:00 – Układ
- 4:41 – Animacja
- 5:50 – JavaScript – część 1
- 6:55 – ograniczony ruch
- 7:43 – Klatki kluczowe
- 8:09 – JavaScript – część 2
- 10:48 – F.L.I.P.
- 14:18 – zakończenie
Zasoby:
- Przeczytaj → https://goo.gle/3GghBfI
- Wypróbuj wersję demonstracyjną → https://goo.gle/3EHsuXG
- Pobierz źródło → https://goo.gle/3oykceU
- FLIP → https://goo.gle/3oz8P6D
- Paul Lewis (z SuperCharged) → https://goo.gle/31IOFy0
Zobacz więcej Wyzwania GUI → https://goo.gle/GUIchallenges
Zasubskrybuj kanał dla deweloperów Google Chrome → https://goo.gle/ChromeDevs