- Arawn's Dev Blog
- Outsider's Dev Story
- Toby's Epril
- Benelog
- NHN 개발자 블로그
- SK 플래닛 기술 블로그
- OLC CENTER
- 소프트웨어 경영/공학 블로그
- 모바일 컨버전스
- KOSR - Korea Operating System …
- 넥스트리 블로그
- 리버스코어 ReverseCore
- SLiPP
- 개발자를 위하여... (Nextree 임병인 수석)
- "트위터 부트스트랩: 디자이너도 놀라워할 매끈하고 직관…
- Learning English - The English…
- real-english.com
- 'DataScience/Deep Learning' 카테…
- Deep Learning Summer School, M…
- Deep Learning Courses
목록WEB (HTML, CSS) (89)
민서네집
http://brackets.io/ 편집 중인 html을 저장하면 웹브라우저를 새로 고침하지 않아도 바로 적용된다. File 메뉴에서 여러 개의 파일을 선택해서 읽으면 좌측 파일 리스트에 뜨고, 우상단의 번개모양 아이콘을 누르면 웹브라우저가 하나 뜨면서 실시간 미리보기가 된다. 좌측의 파일 리스트를 마우스로 클릭하면 실시간 미리보기 창이 마우스로 선택한 파일로 변경된다.
[webfont] 웹폰트(@font-face) 적용법 http://webdir.tistory.com/56 @font-face src: local - How to use the local font if the user already has it?http://stackoverflow.com/questions/3837249/font-face-src-local-how-to-use-the-local-font-if-the-user-already-has-it Using @font-face http://css-tricks.com/snippets/css/using-font-face/ @font-face src: local - How to use the local font if the user already has it?..
CSS 레이아웃을 배웁시다 http://ko.learnlayout.com/ [영어] http://learnlayout.com/ 22 CSS LAYOUTS THAT ALWAYS WORK http://www.primarycss.com/
괜찮은 클라이언트사이드 IDE : Aptana Studiohttp://blog.outsider.ne.kr/260 Aptana Studio를 설치해보고 나서 이클립스처럼 Server를 등록해 보려고 했다. 이클립스(혹은 STS)는 Preferences 메뉴에서 Server - Runtime Environments 에서 Add... 버튼을 눌러서 웹서버가 설치된 경로를 지정해 주면 되는데, Apana Studio 는 Preferences 메뉴에서 아예 없다. [참고] STS Preferences - Server - Runtime Environments Aptana Studio 는 Severs View 가 있긴 한데, Aptana Studio 안에서 웹서버를 구동하는 방식이 아니라 밖에서 웹서버를 구동하는 방..
box-sizing http://css-tricks.com/almanac/properties/b/box-sizing/ CSS3 box-sizing Propertyhttp://www.w3schools.com/cssref/css3_pr_box-sizing.asp Default value: content-box 이고, border 와 padding 까지 width 로 포함되는 border-box 를 사용할 수 있다. IE 5.5 까지는 IE의 box model 이 border 와 padding 까지 width 로 포함되는 border-box 였다. IE 만 웹 표준을 따르지 않는다고 욕을 먹고 나서야, IE 6 부터 순수 contents 만 width 로 사용하는 현재의 box model 을 사용하게 되었다...
A Couple of Use Cases for Calc() http://css-tricks.com/a-couple-of-use-cases-for-calc/ CSS3 calc() 함수 http://mygony.com/archives/3768 How-to use the Calc Function in CSS3 http://www.binvisions.com/tutorials/calc-function-css3-introduction/
http://cssdesign.kr/forum/viewtopic.php?id=153 Understanding vertical-align, or "How (Not) To Vertically Center Content" http://phrogz.net/CSS/vertical-align/ http://www.jakpsatweb.cz/css/css-vertical-center-solution.html http://stackoverflow.com/questions/16629561/css-vertical-align-middle-not-working outer div 안에 inner div 가 있고, inner div를 outer div 안에 수직으로 가운데 정렬하..
태그에 width를 준 경우 Your name: css 에서 float: left; 를 준 이유는? .title {float: left;width: 160px;clear: left;} label 태그의 display 속성이 원래 inline 인데, float 속성을 주면 block 으로 바뀐다. float 속성을 주지 않으려면 display: inline-block 속성을 줘야 한다. [참고] http://stackoverflow.com/questions/15172520/drawback-of-css-displayinline-block-vs-floatleft 부유 요소(Float)의 문제점 부모 요소가 부유 요소만 포함한다면 일부 브라우저는 부모 요소의 높이를 0픽셀로 처리한다. 전통적으로 개발자는 부모 ..
6. 반응형 이미지http://sir.co.kr/bbs/board.php?bo_table=pb_lecture&wr_id=247&sca=%EB%B0%98%EC%9D%91%ED%98%95%EC%9B%B9
Youtube 강좌 - 자바스크립트의 또 다른 발전 2. Backbone js By 이진권 대리http://www.youtube.com/watch?v=IGuSt3OUcYM Node.js Q&A Backbone.js 강좌http://nodeqa.com/nodejs_ref/46 동영상으로 제작된 backbone.js 강의http://www.joezimjs.com/javascript/introduction-to-backbone-js-part-1-models-video-tutorial/