추가 적립 안내

유튜버 리베하얀의 20년간 실무 노하우를 담은 웹퍼블리셔가 몰래 꺼내 보는 책
이 책은 유튜브를 통해 기술적 한계에 부딪힌 웹퍼블리셔들의 고민을 소통해온 저자의 20년간 수많은 웹퍼블리싱 프로젝트 경험을 녹여낸 실무 패턴집이다. UI 패턴집 시리즈의 첫 번째 편으로 웹사이트에서 볼 수 있는 메인 메뉴, 서브 메뉴, 탭 메뉴, 모바일 메뉴, 반응형 메뉴를 디자인별로 다룬다. 기초 HTML, CSS, jQuery를 바탕으로 실무를 경험하지 않으면 알 수 없는, 초보 웹퍼블리셔들이 가장 많이 실수하는 부분들을 콕 집어 코딩 기법을 체계적으로 설명한다. 더불어 한국형 웹 콘텐츠 접근성 지침 2.1을 함께 설명하고 화면 낭독기가 읽는 실제 결과 화면을 제공하여 웹 접근성을 준수하는 웹퍼블리셔 양성에 도움이 되고자 한다.

기획자, 디자이너, 개발자가 모두 봐야 하는 웹퍼블리싱 실무 참고서
이 책은 하나의 UI가 만들어지기까지 HTML, CSS, jQuery 코드를 모두 설명하여 입문자에게도 어렵지 않으며, 이론은 알고 있으나 막상 기능을 구현하려고 하면 어떻게 활용해야 할지 감이 오지 않는 초보 웹퍼블리셔에게 추천합니다. 또한, 웹퍼블리싱 기술을 잘 몰라서 웹퍼블리셔와 소통할 때 답답함을 느꼈던 기획자, 디자이너가 보면 좋습니다.

리베하얀의 웹퍼블리셔를 위한 실무 UI 패턴집은 이렇게 구성했습니다.
1. 메뉴 유형별 다양한 디자인과 구조를 그림으로 확인
2. HTML, CSS, jQuery 코드를 한 줄씩 살펴보며 구현 방법 습득
3. TIP으로 어려운 개념을 단번에 이해
4. 한국형 웹 콘텐츠 지침 2.1을 바탕으로 한 웹 접근성 준수
5. 저자 ‘리베하얀의 한마디’로 실무 지식 터득

들어가며

1부. 웹퍼블리싱의 기본 갖추기
_1장. 코드 읽는 법
__1-1 HTML 코드
__1-2 CSS 코드
__1-3 CSS 초기화 파일
_2장. 환경 세팅
__2-1 웹폰트 적용
__2-2 디자인 툴
__2-3 코드 에디터 아톰(Atom)
__2-4 HTML5와 CSS3
__2-5 JavaScript와 jQuery
__2-6 웹 접근성과 화면 낭독기
__2-7 브라우저 호환성
_3장. 메뉴란?
__3-1 메뉴의 종류
__3-2 메뉴 코딩 전 준비 사항

2부. 코드로 배우는 실무 웹퍼블리싱
_4장. 메인 메뉴
__4-1 하위 메뉴가 없는 GNB
__4-2 하위 메뉴가 세로형인 GNB
__4-3 하위 메뉴가 가로형인 GNB
__4-4 하위 메뉴가 일체형인 GNB
_5장. 서브 메뉴
__5-1 하위 메뉴가 없는 사이드 배치형 SNB
__5-2 하위 메뉴가 아래로 펼쳐지는 사이드 배치형 SNB
__5-3 하위 메뉴가 옆으로 펼쳐지는 사이드 배치형 SNB
__5-4 브레드크럼형 SNB
__5-5 탭 메뉴형 SNB
_6장. 탭 메뉴
__6-1 테두리가 있는 탭 메뉴
__6-2 아래 테두리가 없는 탭 메뉴
__6-3 2 뎁스로 구성된 탭 메뉴
__6-4 두 줄 이상인 탭 메뉴
_7장. 모바일 메뉴
__7-1 상단 배치형 메뉴
__7-2 하단 고정형 메뉴
__7-3 햄버거형 메뉴
__7-4 슬라이드형 메뉴
_8장. 반응형 메뉴
__8-1 GNB의 디자인이 바뀌는 메뉴
__8-2 검색창의 디자인이 바뀌는 메뉴
__8-3 메가 메뉴의 디자인이 바뀌는 메뉴

이 책을 마무리하며