SMACSS는 Scalable and Modular Architecture for CSS 의 약자로, CSS를 효과적으로 쓸 수 있도록 돕는 스타일 가이드다. SMACSS는 CSS 스타일을 다섯 가지로 분류하고 각 유형에 맞는 선택자와 작명법, 코딩 기법을 제시한다.
목차
옮긴이의 글 지은이의 글 들어가는 글
1장 CSS 규칙 범주화하기 1.1 명명 규칙
2장 베이스 규칙 2.1 CSS 초기화
3장 레이아웃 규칙 3.1 ID 선택자 사용하기 3.2 레이아웃 예제
4장 모듈 규칙 4.1 타입 선택자 사용 피하기 4.2 새로운 컨텍스트 4.3 모듈의 서브클래싱
5장 상태 규칙 5.1 모듈과의 차이 5.2 !important 사용하기 5.3 상태 규칙을 모듈과 결합하기
6장 테마 규칙 6.1 테마 6.2 서체 정의하기 6.3 이름의 의미
7장 상태 변경하기 7.1 상태 변경이란 7.2 클래스 명에 의한 변경 7.2.1 부모와 형제의 상태가 문제인 이유 7.2.2 속성 선택자로 상태 변화 핸들링하기 7.2.3 클래스 기반의 상태 변화로 CSS 애니메이션 다루기 7.3 가상 클래스에 의한 변경 7.4 미디어쿼리에 의한 변경 7.5 상태 변화에 관한 모든 것
8장 적용 가능성의 깊이 8.1 깊이 최소화하기
9장 선택자 성능 9.1 CSS는 어떻게 해석되는가 9.1.1 요소의 스타일은 요소가 생성될 때 해석된다 9.1.2 오른쪽에서 왼쪽으로 해석되는 CSS 9.1.3 어떤 규칙이 적용되는가? 9.1.4 제한은 하되, 과하게 제한하지 않기
10장 HTML5와 SMACSS
11장 프로토타이핑 11.1 프로토타입의 목표 11.1.1 상태 11.1.2 지역화 11.1.3 의존성 11.2 퍼즐 조각 11.3 여러분의 프로토타입
12장 전처리기 12.1 전처리기란 무엇인가? 12.2 전처리기 설치하기 12.3 전처리기의 유용한 기능들 12.3.1 변수 12.3.2 중첩 표현 12.3.3 믹스인 12.3.4 함수 12.3.5 익스텐션 12.3.6 더 나아가기 12.4 문제를 맞닥뜨리고 벗어나기 12.4.1 깊은 중첩 12.4.2 SMACSS에서의 중첩 12.4.3 불필요한 확장 12.4.4 SMACSS 익스텐션 12.4.5 과하게 사용된 믹스인 12.4.6 반복적인 패턴을 위한 SMACSS 12.4.7 파라미터화 된 믹스인 12.5 전처리기 정복하기 12.5.1 중첩을 이용한 상태 기반의 미디어쿼리 12.5.2 파일 정리하기 12.6 전처리기에 대한 회고
13장 자주 쓰이지 않는 요소 13.1 테이블
14장 아이콘 모듈
15장 복잡한 계승 15.1 !important가 잘못 쓰인 경우 15.2 불완전한 세계
16장 코드 형식 지정하기 16.1 한 줄 vs 여러 줄 16.2 속성 묶기 16.3 색상 선언 16.4 일관성 유지하기
17장 리소스 17.1 SMACSS 리소스 17.2 CSS전처리기 17.3 컴포넌트 기반의 프레임워크/방법론 17.4 다른 프레임워크들 17.5 문서 17.6 다른 리소스들
서가브라우징
(러닝스쿨! 한 권으로 끝내는) HTML+CSS 웹 디자인 입문 : HTML, CSS 기초부터 반응형 웹 디자인, 실전 웹 사이트 제작까지 2020 / 지음: Mana ; 옮김: 윤인성 / 위키북스
CSS 비밀 매뉴얼 : 감추고 싶은 나만의 비밀 노트2010 / 데이빗 소여 맥팔랜드 저 ; 김지원 역 / 한빛미디어
CSS3 : 세상에 없던 가장 꼼꼼한 매뉴얼2013 / 데이빗 소여 맥팔랜드 지음 ; 이병준 옮김 / 인사이트
(사전처럼 바로 찾아 쓰는) HTML5 + CSS3 디자인 패턴 : 레고처럼 조합하는 웹 디자인 패턴2013 / 미셸 바우어 ; 빅터 섬너 ; 디오니시오스 시노디노스 지음 ; 김지원 옮김 / 한빛미디어
(사전처럼 바로 찾아 쓰는) HTML5 + CSS3 디자인 패턴 : 레고처럼 조합하는 웹 디자인 패턴2013 / 미셸 바우어 ; 빅터 섬너 ; 디오니시오스 시노디노스 지음 ; 김지원 옮김 / 한빛미디어
(웹표준을 위한) HTML 5 : with CSS3 & JavaScript & jQuery2013 / 성윤정 지음 / 교보문고
(웹표준을 위한) HTML 5 : with CSS3 & JavaScript & jQuery2013 / 성윤정 지음 / 교보문고
SMACSS : 복잡한 CSS를 관리하는 5가지 스타일 가이드2016 / 지음: 조나단 스눅 ; 옮김: 박소은 / 인사이트