그리드 시스템
offset 마진값 생성
칼럼 정렬 pull, push
버튼
이미지
holder.js - 더미 이미지 생성 js
깃허브 - 협업에서 버전관리 프로그램.
테이블
폼
타이포그래피
STEP02 - getbootstrap - css
얼럿
<!-- IE 8 을 위한 fix -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
드랍다운
인풋그룹
네비게이션바
role- aria- : 스크린리더 관련 요소
패키지컨트롤 - install package - Bootstrap 3 s Snippets : 부트스트랩 생성 단축키 확장 플러그인
ex. navbar : bs3-navbar
https://github.com/JasonMortonNZ/bs3-sublime-plugin
레이블
페이지네이션
프로그레스바
탭메뉴
패널
리스트
썸네일
페이지헤더
뱃지
breadcrumb - 페이지 네비게이션
Glyphicon - 폰트 이미지
http://getbootstrap.com/components/
jumbotron - 대문 페이지 양식
Tweet - 트윗 스타일
scroll magic
http://janpaepke.github.io/ScrollMagic/
http://plugins.jquery.com/ScrollMagic/
green sock - 플래시 애니메이션같은 느낌의 모션을 구현해주는 자바스크립트 라이브러리
SVG 에디터 -
http://svg-edit.googlecode.com/svn-history/r1771/trunk/editor/svg-editor.html
정규표현식
^ - 시작
$ - 끝
. - 모든 문자
\ - 부정
[] - 문자열
[-] - 범위
[^] - 부정
( | ) = or
* - 갯수
{} - 반복횟수
* = {0, }
+ = {1, }
? = {0, 1}
d - 숫자
'Think Factory > 프론트엔드 실무' 카테고리의 다른 글
4주차 (0) | 2015.05.30 |
---|---|
2주차 (0) | 2015.05.10 |
1주차 (0) | 2015.05.09 |