개인공간

ie9이상 맞춰진 가이드 형태(ie8은 버튼만 맞추면 될듯) 가이드 head 가이드 가이드 body 버튼 폼 테이블 페이징/탭 검색영역 컨텐츠 버튼 A 태그 기본스타일 버튼A 버튼B 버튼C 버튼D 버튼E disabled처리(클래스사용) 버튼A 버튼B 버튼C 버튼D 버튼E BUTTON 태그 기본스타일 버튼A 버튼B 버튼C 버튼D 버튼E disabled처리(속성사용) 버튼A 버튼B 버튼C 버튼D 버튼E 버튼 사이즈 사이즈S 사이즈M 사이즈L 아래 기능버튼인경우(.btn_area > .btn) 사이즈L 사이즈L 아이콘 버튼형 (텍스트있는경우 .blind 삭제) 더보기 더보기 알림 문서 메일 글쓰기 추가보기 옵션보기 더보기 이전 다음 더보기 다음보기 다음보기 달력선택 검색 이전 다음 닫기 새창열림 다음보기 다음..

HTML 체크박스 체크박스 체크박스 체크박스 header HTML CSS .checks {position: relative;} .checks input[type="checkbox"] { /* 실제 체크박스는 화면에서 숨김 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 } .checks input[type="checkbox"] + label { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none..

CSS.select{ display:inline-block; *display:inline; position:relative; background:#fff; line-height:normal; vertical-align:middle; *zoom:1} .select *{ margin:0; padding:0; font-size:12px; font-family:Tahoma, Sans-serif; cursor:pointer} .select .my_value{ overflow:visible; position:relative; top:0; left:0; z-index:2; border:1px solid #bababa; background:transparent; color:#666; text-align:left; li..

@mediaonly screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 2) { //모바일 버전일때의 미디어 쿼리 }

https://forums.developer.apple.com/thread/15123 모바일기기(ios)에서 window.innerWidth의 넓이를 못잡는다. 브라우저넓이가 아예안구해 지지는 않지만 320으로 됐다가 다시리로드 시 980으로 바뀌면서 해상도를 못잡는다. 모바일기기(ios)에서는 screen.innerWidth를 사용한다.

http://mylko72.maru.net/jquerylab/study/layer-popup.html

http://prettydiff.com/?m=beautify&html

http://cubic-bezier.com/#.17,.67,.83,.67

반응형 웹디자인에서 가변폭 콘텐츠는 필수이지만 가독성 문제가 항상 발생한다. 반응형 이미지나 반응형 동영상도 화면폭이 좁아지면 내용을 알아보기 힘들어 지지만 표의 경우에는 구조를 파악할 수 없게되어 이해가 더 힘들어진다. 이차원 데이터를 다루다보니 컬럼이 많을 경우에는 글자가 세로 한줄로 정렬되는 등 이해하기 쉬운 형식을 유지하기가 쉽지 않다. 이러한 문제점을 해결하기 위한 다양한 방법들이 이미 나와있다. 가장 대표적인 반응형 표는 표의 헤더를 CSS에서 새로 정의해서 선형화된 표를 보기 쉽게 하는 방법이다. 하지만 이 방법은 CSS에서 테이블 헤더 값을 지정해야 한다는 단점이 있다. 표의 내용을 스크롤되게 하는 방법도 있다. 이 방법은 브라우저 호환성에 문제가 있다. 이 밖에도 표의 데이터를 기본적으로..

한국어 번역글 모음 페이지 http://nolboo.github.io/trans/ 벡터이미지 http://www.freepik.com/ 더미 이미지 제작소 http://placehold.it/