프론트엔드 웹앱 프레임웍 - Bootstrap, Backbone 그리고 AngularJS from Dongsu Jang

http://jsfiddle.net/loveyou0803/hu39d/1/

본문 : http://sir.co.kr/bbs/board.php?bo_table=pb_lecture&wr_id=133 반응형? 데스크탑부터 모바일 등 많은 종류의 기기에서 최적의 사용환경(최소의 리사이징,패닝,스크롤링)으로도 읽기 쉽고 접근하기 쉬운 환경을 제공하는 사이트를 말함. 반응형 웹 기법?CSS 미디어 쿼리유동형 그리드유동형 이미지반응형 레이아웃반응형 네비게이션/메뉴 ... 모바일 퍼스트? 웹 디자인을 할때 모바일을 먼저 생각해서 디자인/프로그래밍 함 Why? 모바일의 성장, 기기의 제약, 기기의 기능 제약! 스크린의 크기, 네트워크속도/품질, 사용하는 모드 구현!CSS를 작성할 때 모바일 화면부터 기본 코딩 그 외의 모든 화면은 미디어쿼리를 이용함이유) 모바일 브라우저가 미디어쿼리를 지원하지않..

background: -webkit-linear-gradient(#CCC, #696969);background: -moz-linear-gradient(#CCC, #696969);background: -o-linear-gradient(#CCC, #696969); background: -ms-linear-gradient(#CCC, #696969);IE의경우 IE10부터 쓸수있고, IE10이하의 경우 filter를 이용 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#696969');fitler의 경우 IE10에서는 적용안됨 귀찮은 IE

* CSS3 에서 좋은 5 가지 속성 1. RGBA background-color: rgba(0,0,255,0.5) 2. Multicolumn Layout -moz-column-count: 3; -moz-column-gap: 1em; -moz-column-rule: 1px solid black; -webkit-column-count: 3; -webkit-column-gap: 1em; -webkit-column-rule: 1px solid black; 3. Rounded Corners ( border-radius ) border-top-left-radius: 50px 50px; 4. @face-face @font-face { src: url("myfont.ttf"); font-family: "myfont_..

http://www.browserhacks.com/

http://leaverou.github.com/border-corner-shape/ svg를 사용해야지 나오는것...svg의 경우 사용방법에 따라 모든 브라우저에서 지원하거나chrom과 ie(9이하지원안함)에서만 지원

http://naradesign.net/open_content/lecture/wp/