2012.09.11 21:42
HTML5, CSS3
HTML5 = Content
CSS3 = Presentation
공식으로 화면을 디자인 하자
▶ CSS3를 공부하기 위하여 먼저 뒤진 곳은 SlideShare의 소개자료들이다.
- Getting start with CSS3 : 코드와 함께 결과 화면을 같이 배치하여서 쉽게 이해 가능
- Practical Introduction : 좀 재미나게 디자인된 소개자료
- Quality Development : CSS3로 좋은 품질의 화면만들기 예제와 결과 화면 설명
- CSS3 Secrets : 간과하기 쉬운 비밀들을 풀어서 결과 화면과 같이 보여줌
- CSS3 Gradients : CSS3 그라디언트 효과에 대한 모든것
▶ CSS3 고급 기능 다루기
- 웹폰트 (Web Typography) : WordPress 스킨을 입히다 알게된 font-face
- 색깔 표현 : 색 표현의 모든 것을 설명
- 3D 표현 : CSS3가 못하는게 없구만 (예제와 함께 코드를 설명하고 있음)
- CSS3 for WebKit : 강화된 기능에 대한 설명
- CSS3와 Selectors : selector에 대한 설명
- Border Radius : 코드와 예제 설명
▶ 웹 애플리케이션 적용하기
- iPhone에 CSS3 적용 : 발표용 자료
- Responsive Design (반응형 디자인) 만들기 : 기기에 따른 형태 변화를 위한 viewport에 대한 설명
- 반응형 디자인에 대한 자세한 설명 : 그래픽적인 설명이 돋보임
CSS3 신통방통한 넘이다. 역사가 2005년부터 꽤 많이 성숙했다. Progressive Enhancement (점진적 향상) 에 대한 의미와 함께 HTML5 + CSS3 + JavaScript에 대한 깊이 있는 이해와 방향 감각이 필요하겠다.
'HTML5, CSS3' 카테고리의 다른 글
| [DOM] 김영보 Document Object Model 이해 - 3 (0) | 2015.09.06 |
|---|---|
| [DOM] 김영보 Document Object Model 이해 - 2 (0) | 2015.09.06 |
| [DOM] 김영보 Document Object Model 이해 - 1 (0) | 2015.09.05 |
| [HTML5] 이해하기 (0) | 2012.09.13 |
| [CSS3] 시작하기 (0) | 2012.09.11 |
