이런 걸
배워요!
CSS의 실용적인 사용법
브라우저 호환성 문제 해결
반응형 웹 디자인
CSS 애니메이션 및 전환 효과
- 원하는 모양을 아무 것도 없는 상태에서 만들 수 있습니다.
- 자주 사용되는 CSS 패턴을 익힙니다.
- CSS 트릭을 이용해서 JS 없이 동적으로 작동하는 페이지를 만들 수 있습니다.
한양대학교 수학교육과에 재학중이다. 교내 컴퓨터 동아리 HUHS에 들어가 처음 코딩에 관심을 가지게 되었고, 여러 활동을 통해 웹 개발로 방향을 정했다. CSS를 배우고 나서 실질적으로 연습을 할 수 있는 예제가 없다는 것을 깨닫고 강좌를 제작하게 되었다. ‘극성 이과’의 영역이라고 여겨지는 컴퓨터와 수학을 보다 편안하게 많은 사람들에게 알리는 것이 목표이다.
학습 대상은
누구일까요?
CSS를 이론적으로만 알고 있는 사람
실제 웹 디자인 프로젝트를 진행하고 싶은 사람
브라우저 호환성 문제를 해결하고 싶은 웹 개발자
반응형 웹 디자인을 배우고 싶은 사람
전체
15개 ∙ (1시간 54분)
네모 네 개를 일렬로 놓는 방법
11:00
브라우저 호환성 문제
03:00
Absolute 활용하기
14:00
쌓임맥락과 z-index
06:00
최종예제: 곰돌이 만들기
15:00
가운데 정렬 프레임 만들기
05:00
모바일에 대응하는 CSS
09:00
크기의 단위
09:00
Calc 함수: 크기 단위의 합성
08:00