TOASTS 해결 방법 생각하기

오늘의 GUI 챌린지에서 @AdamArgyleInk는 사용자 피드백을 제공하는 UI용 비대화형 및 수동 구성요소인 토스트 메시지를 빌드하는 방법을 공유합니다. [출력] 요소, CSS 그리드, 애니메이션, 적응형 액세스 가능한 구성요소를 빌드하는 데 도움이 되는 FLIP 기법을 살펴보세요.

챕터:

  • 0:00 - 소개
  • 0:23 - 개요
  • 2:02 - [출력]
  • 3:00 - 레이아웃
  • 4:41 - 애니메이션
  • 5:50 - 자바스크립트 파트 1
  • 6:55 - 움직임 감소
  • 7:43 - 키프레임
  • 8:09 - 자바스크립트 2부
  • 10:48 - F.L.I.P.
  • 14:18 - 아우트로

리소스:

더 많은 GUI 챌린지를 시청하세요 → https://goo.gle/GUIchallenges

Chrome 개발자 구독하기 → https://goo.gle/ChromeDevs

모든 에피소드로 돌아가기