새로운 CSS 레이아웃(2판)(아름다운 웹사이트 만들기 시리즈 24)

웹 레이아웃이 전혀 없던 시대에 출발하여 이제는 플렉스박스나 그리드처럼 강력한 레이아웃 도구를 쓸 수 있게 되었다. 이 책은 레이아웃이라는 복잡한 주제를 초급부터 고급까지 두루 다루고 있으며 웹 레이아웃에 그리드, 플렉스박스, 플로트 등을 활용한 새로운 디자인을 만들 수 있는 방법을 소개한다. 그리드 레이아웃의 강력한 성능으로 기존 레이아웃을 더 쉽게 제작하고, 그동안 구현하기 어려웠던 디자인을 실현할 수 있도록 다양한 예제와 함께 설명한다. 또한 접근성과 성능 같은 새로운 범위의 잠재적인 문제에도 주의를 기울여야 하는 필요성도 알려준다. 이 책은 레이아웃 제작에 쓸 수 있는 여러 기술에 관련한 명세를 세부적으로 나누어 명쾌하게 설명함으로써 CSS의 작동 원리를 더 깊이 이해하는 데 도움을 줄 것이다.



*추천사*

웹의 역사는 짧습니다. 레이아웃이 전혀 없던 시대에서 출발한 우리가 이제는 플렉스박스나 그리드처럼 강력한 레이아웃 도구를 쓸 수 있는 시대에 이르렀습니다. 레이철은 CSS로 웹 레이아웃을 제작할 때 쓸 수 있는 다양한 기술과 끊임없이 진화하는 웹사이트 제작 방법을 간결하고 명확하게 설명해줍니다.

- 첸 후이 징 프론트엔드 디자이너, 위즈머트 랩 창업자



이 책은 저자를 꼭 닮았습니다. 찬찬하고 명쾌하죠. 최신 CSS가 제공하는 강력한 힘을 마음껏 활용할 방법을 단계별로 알려주는 책이 드디어 출간되어서 기쁩니다.

- 제레미 키스 클리어레프트 공동설립자, 『웹 디자이너를 위한 HTML5』 저자



CSS 그리드는 웹 레이아웃의 미래입니다. 이 책은 레이아웃이라는 복잡한 주제를 초급부터 고급까지 두루 다루는 훌륭한 책입니다. 관련 명세를 아주 작은 단위로 나누어 실용적인 예제와 함께 설명하기 때문에 독자 여러분도 쉽게 이해할 수 있을 것입니다.

- 이레 아데리노쿤 프론트엔드 개발자, UI 디자이너



최근 웹 디자인 업계의 가장 큰 화두는 바로 강력한 레이아웃의 시대가 도래했다는 사실입니다. 이 책은 레이아웃의 전문가로 누구보다 오랜 시간 활동해온 레이철에게 직접 배울 수 있는 좋은 기회가 될 것입니다.

- 크리스 코이어 CSS 트릭스 제작자, 코드펜 공동설립자



해외 기업에서 프론트엔드 개발자로 7년째 일하며 그동안 CSS를 작성할 일도 많았고 플렉스나 그리드를 다룰 일도 종종 있었습니다. 그리드 기술을 사용해서 레이아웃을 작성하면 그리드를 사용하지 않을 때 우리를 힘들게 했던 많은 문제에서 자유로워질 수 있습니다. 감수를 기꺼이 맡은 이유도 이 책이 많은 개발자를 골칫거리에서 해방시켜줄 것으로 생각했기 때문입니다. 제가 아는 한 국내에 출간된 책 중 CSS 레이아웃 제작만 다룬 전문서는 이 책이 유일합니다.

- 김태곤 Automattic 프론트엔드 개발자

한국어판 출간에 앞서

추천의 글



Chapter 1 우리가 지나온 길

Chapter 2 레이아웃 제작과 현재

Chapter 3 새로운 레이아웃

Chapter 4 배치와 정렬

Chapter 5 반응형 디자인

Chapter 6 소스 순서와 표현 순서

Chapter 7 준비하는 미래

Chapter 8 앞으로의 여정



감사의 글

감수자의 글

참고 자료

참고 URL

찾아보기

레이철 앤드루 퍼치(Perch) CMS를 만든 웹 개발 기업 edgeofmyseat.com의 공동 설립자이며 스매싱 매거진의 편집장이다. CSS 작업 그룹에 속한 W3C 초빙 전문가(Invited Expert)이자 구글 개발자 전문가(Google Developer Expert)로 활동하고 있다. 1996년부터 웹 관련 일을 하며 전 세계 곳곳에 있는 CSS 콘퍼런스에서 강연했고 지금도 웹을 주제로 다양한 글을 쓰고 있다. 국내에 소개된 저서로는 《웹디자이너를 위한 HTML5》(개정판)가 있다.