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

들어가며 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 메가 메뉴의 디자인이 바뀌는 메뉴 이 책을 마무리하며