Bugünkü GUI Meydan Okumasında @AdamArgyleInk, kullanıcı geri bildirimi sağlamak için kullanıcı arayüzünün etkileşimsiz ve pasif bir bileşeni olan toastları oluşturmanın yolunu anlatıyor. [output] öğesini, CSS ızgarasını, animasyonları ve uyarlanabilir, erişilebilir bir bileşen oluşturmaya yardımcı olan FLIP tekniğini keşfedin.
Bölümler:
- 0:00 - Giriş
- 0:23 - Genel bakış
- 2:02 - [çıkış]
- 3:00 - Düzen
- 4:41 - Animasyon
- 5:50 - JavaScript Bölüm 1
- 6:55 - Azaltılmış Hareket
- 7:43 - Animasyon kareleri
- 8:09 - JavaScript Bölüm 2
- 10:48 - F.L.I.P.
- 14:18 - Bitiş
Kaynaklar:
- Okuyun: https://goo.gle/3GghBfI
- Demoyu deneyin: https://goo.gle/3EHsuXG
- Kaynağı edinin → https://goo.gle/3oykceU
- VEKTÖR → https://goo.gle/3oz8P6D
- Paul Lewis (SuperCharged'den) → https://goo.gle/31IOFy0
Daha fazla GUI Meydan Okuması'nı izleyin: https://goo.gle/GUIchallenges
Google Chrome Geliştiricileri'ne abone olun → https://goo.gle/ChromeDevs