오늘의 GUI 도전과제에서는 사용자가 생각하지 못했을 수도 있는 정말 멋진 기능을 가진 탭 구성 요소를 빌드하고 있습니다. 탭 구성 요소는 반응형이며 여러 기기 입력을 지원하며 여러 브라우저에서 작동하며 앱에서 즐겨 사용하는 기능을 흉내 낼 수 있습니다.
@AdamArgyleInk는 에피소드가 공개된 후 처음 30분 동안 댓글에 응답해 드립니다. 여기에서 문의하거나 질문하거나 코드를 제출하세요.
챕터:
- 0:00 - 소개
- 0:42 - 기능 개요
- 3:03 - HTML
- 4:14 - 스크롤
- 5:04 - 레이아웃 검사
- 7:35 - 레이아웃 스타일
- 12:10 - 선호하는 동작 감소
- 13:10 - 자바스크립트 및 애니메이션
- 14:37 - 결론
리소스:
- 다음 페이지에서 확인해 보세요. → https://goo.gle/37jHOen
- 데모 사용해 보기 → http://goo.gle/3prCpb2
- 출처 다운로드 → http://goo.gle/2NsK7EK
- @ScrollTimeline Polyfill → http://goo.gle/2NfUhZs
더 많은 GUI 챌린지를 시청하세요 → https://goo.gle/GUIchallenges
Chrome 개발자 구독 → http://goo.gl/LLLNvf