| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 | 31 |
- 포토샵
- 윈도우
- 윈도우10
- 컴퓨터
- CSS
- 태국
- 서브라임
- 윈도우11
- INPUT
- 모바일
- HTML
- 설정
- GIT
- sublime text
- 에이펙스레전드
- 단축키
- vscode
- Scss
- 제이쿼리
- 오블완
- SM5
- 티스토리챌린지
- 알리익스프레스
- 컴파일
- 아이폰
- CODE
- Sass
- Github
- VS
- 서브라임 텍스트
- Today
- Total
web sprit
[jQuery] 타켓영역을 제외하고 클릭했을 시 숨김처리(레이어 팝업 숨김처리)
우리가 흔히 마크업을 하게 되면layerPopUp을 만들게 됩니다. 레이어 팝업을 만들 경우 레이어팝업 안에 닫기 버튼이 존재하게 되는데요.PC 같은경우 닫기 버튼이 존재하게 되면 그리 큰 이상은 없습니다.만약 닫기 버튼이 없는 레이어 메뉴라고 가정합시다. 그리고 모바일 입니다.닫기 버튼이 없는 레이어 메뉴는 어떻게 숨김처리 해야할까요?? 이럴때 메뉴영역을 제외한 영역을 클릭했을 시 숨김처리되는 스크립트 소스가 필요한 것입니다. 검색을 통하여 여러가지 소스를 확인해 보았는데요. 정작 저에게 필요하고 깔금한 소스를 찾지 못했습니다.그래서 제가 정리한 소스를 정리하려 합니다.많은 분들이 참고하고 더 좋게 custom 하셧음 좋겠네요 소스는 아래와 같습니다. HTML1234567891011121314 targ..
[CSS3] flex 속성 사용하기
CSS3 기술인 flex 에 관한 정리를 하려 합니다. flex를 사용하기 위하여 크게 감싸고 있는 부모요소에 적용해야 할것과자식요소에 적용할 부분을 나눠서 설명하도록 하겠습니다.우선 기본코드는 아래와 같습니다.HTML123456 cs CSS123456789101112131415161718192021222324252627282930.conbox{ width:500px; height:300px; -ms-display:flexbox; display:-webkit-flex; /* Safari */ display:flex; -webkit-flex-flow:row-reverse wrap; /* Safari 6.1+ */ flex-flow:row-reverse wrap;}.conbox div{ -webkit-fle..
나의 퍼블리셔 인생에서 HTML 문서의 Doctype 사용은XHTML 1.0 Transitional 과 html5 입니다. 기타 여러가지의 Doctype 버전을 알고 이해하려고 합니다. 평생 사용하지 않을 수 있지만 모르는것 보단 이해하고 사용하는 편이 좋겠죠~ ^&^ tip !!! 선언(DTD)은 대소 문자를 구분하지 않습니다. Doctype의 선언(DTD)은 아래와 같습니다.12345678910111213141516171819202122232425262728293031323334353637383940414243444546 cs