-
-
만들면서 배우는 HTML5 + CSS3 + jQuery - HTML5, CSS3, 제이쿼리는 기본, 차세대 웹 디자인 트렌드를 만날 수 있는 책 ㅣ 만들면서 배우는 시리즈
야무(지훈) 지음 / 한빛미디어 / 2012년 3월
평점 :
절판
만들면서 배우는 HTML5 + CSS3 + jQuery
만들면 쉽다. 만들면 재밌다. 만들면 놀랍다!
HTML5, CSS3, 제이쿼리는 기본 Modernizr, LESS, 클라우드 웹 폰트까지
차세대 웹 디자인 트렌드를 만날 수 있는 책!
2007년 이후 군림하던 플래시가 물러나고, 세찬 풍운을 몰고 HTML5가 주역으로 떠올랐다.
또한 HTML5 옆에는 CSS3와 JavaScript가 있었다.
이 책에서는 순수 웹 표준 플랫폼 테크닉인 HTML5, CSS3, jQuery를 조합하여 애니메이션 UI를 구현!
애니메이션 버튼, 배너, 말풍선, 탭, 내비게이션, 3D 갤러리,
폼, 비디오 플레이어, 반응형 웹 사이트 디자인까지 모던 웹 UI 디자인의 모든 것!
9가지 실전 예제를 만들면서 익힐 수 있다!
우선 디자인 미리보기를 통해 무엇을, 어떤 기능을 써서, 어떻게 만들 것인지
머릿속에 그림을 그려볼 수 있게 했다.
또한 본문에서는 예제를 만들어 나가는 과정을 하나하나 살펴볼 수 있고,
코드는 물론 중간중간 결과 화면을 보면서 따라할 수 있게 했다.
우선 디자인 설계는 머릿속에 구상한 내비게이션 모양을 간단히 스케치한 후,
발사믹 목업 툴을 이용하여 프로토타입을 했다.
스케치한 그림을 포토샵을 이용해 만들었다.
포토샵에서 이미지를 만들 때는 HTML로 구조화할 부분과 CSS로 스타일링할 부분을 나누어
폴더로 그룹화하고, 누구나 알기 쉽게 레이어 이름을 붙힌다.
안내선을 이용해서 정확한 위치에 항목을 배치하고 글꼴, 자간, 행간 크기 등을 정한다.
HTML5 내비게이션 구조 작성, CSS3 라바 램프 스타일 내비게이션 스타일링,
jQuery 라바 램프 내비게이션 스크립팅 이 모든 순차적인 작업을 통해
아마도 당신은 아마추어에서 프로로 변신할 수 있을 것이다.
단순하고 명료한 것만큼 좋은 것은 없다.
이 책에 담긴 예제 역시 복잡하지 않고 단순하고 명료하다.
책을 다 읽고 덮을 즈음, 분명 멋진 UI를 구현할 수 있을 것이다.
