오늘의 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 - 아우트로
리소스:
- 다음 페이지에서 확인해 보세요. → https://goo.gle/3GghBfI
- 데모 사용해 보기 → https://goo.gle/3EHsuXG
- 출처 확인하기 → https://goo.gle/3oykceU
- 플립 → https://goo.gle/3oz8P6D
- Paul Lewis (SuperCharged에서) → https://goo.gle/31IOFy0
더 많은 GUI 챌린지를 시청하세요 → https://goo.gle/GUIchallenges
Chrome 개발자 구독하기 → https://goo.gle/ChromeDevs