web sprit

CSS의 outline 속성은 border 속성과 비슷한 방식으로 작성할 수 있습니다.outline은 border의 바깥 외곽선을 말하며 어느 부분을 두드러지게 보이기 위해 사용합니다.border와의 또다른 차이점은 border는 레이아웃의 넓이에 영향을 주고 구조가 흐트러질 수 있지만 outline은 레이아웃 구조에 관여되지 않습니다. 한번에 작성하는 예는 아래와 같습니다.outline:2px solid #000; outline 속성을 세분화하여 css를 나열한다면 아래와 같은 속성들을 사용할 수 있습니다.위에서 속성값들은 아래와 같은 값을 나타내고 있습니다. outline-color = #000ex) outline-color:#000; outline-style =solidex) outline-styl..

colorzilladownload statusbarhtml validatorie tabjavascript debuggerjsonviewweb developerColorZillafirebugawesome screenshot

서울 seoul 부산 busan 대구 daegu 인천 incheon 광주 gwangju 대전 daejeon 울산 ulsan 경기도 kyonggi - Do 강원도 gangwon - Do 충청북도 chungbuk - Do 충청남도 chungnam - Do 전라북도 jeonbuk - Do 전라남도 jeonnam - Do 제주도 jeju - Do 경상북도 gyeongbuk - Do 경상남도 gyeongnam - Do 용인시 yong-in (City) 성남시 seongnam (City) 강릉시 gangrung (City) 청주시 cheongju (City)

Fotorama 플러그인은 누구나 손쉽게 사용할 수 있는이미지 롤링 플러그인 이다.특히 모바일 롤링 대응이 아주 잘 되어있다. http://www.fotorama.io/ 위 링크로 들어가면 Fotorama의 사용 방법그리고 옵션등을 확인 할 수 있다. 사용방법은 아래와 같이 소스를 구성한다. 1234567891011 Colored by Color Scriptercs 주로 내가 사용하는 옵션이다. 그리고 아래와 같은 경우는 이미지에 링크를 걸고 싶을떄 사용할 수 있는 방법이다.적극 추천한다. 123456789101112131415161718192021222324252627 .fotorama__html{position:relative !important;} .fotorama__html div{height:1..

Window7에서 에디트플러스의 환경설정이나 FTP설정을 백업해보자 C:\Users\사용자명\AppData\Roaming\EditPlus 3 위 경로에 접근하여 EditPlus 3 폴더를 모두 백업하여도 된다.필요한 파일만을 복사하여 복구 하여도 되는데 아래와 같은 사항만 필요하다면 아래 파일만 백업하여 복구 한다. 환경설정 ----> editplus_u.ini 나의 Editplus 설정

ionic framework 개발환경 구축 1. 자바 JDK 설치 ( 1.7 버전 )SDK 설치후 PATH 설정까지 하세요.(참조 : http://h5bak.tistory.com/90) 2. Apache Ant 설치안드로이드 나 Cordova 빌드시 필요합니다. 설치하고 PATH 설정까지 하세요.(참조 : http://wonhada.com/?p=506) 3. 안드로이드 SDK 설치http://developer.android.com/sdk/index.html 에서 윈도우용 설치하시고 아래 처럼 두개 폴더를 패스 설정하세요.%Android SDK%\platform-tools; %Android SDK%\tools;(%안의 내용은 패스 변수 이므로 새로 생성해준다.) 고급 시스템 설정 > 환경변수 사용자 변수는..

youtube를 처음 부터 전체화면으로 보는 방법은 그리 어렵지 않다.아래 예제를 들어 보겠다. 일반적인 youtube동영상이 있다.1https://www.youtube.com/watch?v=A9Dz-jNgdvUcs위와 같이 youtube 를 들어가면 저런식의 화면 구성으로 youtube 를 감상할수 있다. 크게 보고 싶다면 화면 우측 하단에 풀스크린 모드 버튼을 눌러 보면 된다. 하지만 풀스크린 모드 버튼을 누르지 않고도 처음부터 전체 화면이 나와야 한다면1https://www.youtube.com/watch_popup?v=A9Dz-jNgdvUcs위와 같은 주소로 수정!!! 이젠 전체화면으로 영상을 볼수 있다.watch >>>>>>> watch_popup 이런경우가 필요한 상황으로는 링크를 눌럿을시 y..

input에 대한 설명을 input안에 설명으로 연하게 써져있고 그 부분에 클릭을 하거나 글씨를 입력할경우 사라지는 방식으로 input에 대한 설명을 표현한 것을 본적이 있을것이다. placeholder 플러그인(ie7 ~ 8도 적용 가능) placehoder라는 속성은 원래 HTML5태그 속성으로 최근 브라우져가 아닌 낮은 브라우져에서는 적용이 안된다.위의 플러그인을 사용하면 낮은 브라우져 ie7 ~ 8도 모두 적용되어 화면에 나온다.

어느 블로그나 홈페이지를 들어가면 상단 영역이라던가 상단 메뉴부분이 스크롤시 상단에 붙어 있는듯한 UI를 많이 보았을 것입니다. 그 기능은 CSS 와 j-Query 를 이용하여 구현해 보았습니다. 제가 만든 소스를 그대로 사용하시기 보다는 좀더 보안하여 응용형식으로 사용되었음 좋을 것 같습니다. HTML1234567891011121314151617 상단 배녀 영역 상단 고정 영역 하단 contents 영역 Colored by Color Scriptercs CSS1234567891011.wrap{}.wrap div{width:100%; text-align:center; font-size:20px; font-weight:700; color:#fff;}.top_bar_fix{position:fixed; top..

상단메뉴나 퀵메뉴를 눌럿을때 앵커설정으로 인해서 앵커의 아이디 값으로 이동하는것을 경험해 보았을 것이다.단순히 앵커의 기능으로 갑자기 정적으로 위치이동 보다는 앵커를 눌럿을때 동적으로 보다 부드럽게 이동하는 제이쿼리를 소개하려 한다. 앵커이동 제이쿼리 - *제이쿼리 부분123456789Colored by Color Scriptercs *CSS 부분12345.red{height:1000px; background:red;} .blue{height:1000px; background:blue;}.yellow{height:1000px; background:yellow;}.start_zone{background:#e7e7e7;}.start_zone a{font-size:20px; color:#666; font-we..