Jak rozwiązać funkcję TOASTS
Zadbaj o dobrą organizację dzięki kolekcji
Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.
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:
Zobacz więcej Wyzwania GUI → https://goo.gle/GUIchallenges
Zasubskrybuj kanał dla deweloperów Google Chrome → https://goo.gle/ChromeDevs
arrow_back Wróć do wszystkich odcinków
O ile nie stwierdzono inaczej, treść tej strony jest objęta licencją Creative Commons – uznanie autorstwa 4.0, a fragmenty kodu są dostępne na licencji Apache 2.0. Szczegółowe informacje na ten temat zawierają zasady dotyczące witryny Google Developers. Java jest zastrzeżonym znakiem towarowym firmy Oracle i jej podmiotów stowarzyszonych.
Ostatnia aktualizacja: 2021-12-08 UTC.
[[["Łatwo zrozumieć","easyToUnderstand","thumb-up"],["Rozwiązało to mój problem","solvedMyProblem","thumb-up"],["Inne","otherUp","thumb-up"]],[["Brak potrzebnych mi informacji","missingTheInformationINeed","thumb-down"],["Zbyt skomplikowane / zbyt wiele czynności do wykonania","tooComplicatedTooManySteps","thumb-down"],["Nieaktualne treści","outOfDate","thumb-down"],["Problem z tłumaczeniem","translationIssue","thumb-down"],["Problem z przykładami/kodem","samplesCodeIssue","thumb-down"],["Inne","otherDown","thumb-down"]],["Ostatnia aktualizacja: 2021-12-08 UTC."],[],[]]