web sprit

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..

input의 placeholder속성은 input란에 대한 설명을 보여주기 위한 html5 속성이다.placeholder는 낮은 브라우져에 적용이 안되어 나오지 않는다.예로 익스7~9에 나오지 않는다. 이런 문제를 해결하기 위하여 placeholders.min.js 를 사용하면 된다. 사용 방법은 매우 간단하다.스크립트 태그로 placeholders.min.js 를 연결하여 그대로 사용하면 적용 된12345 /*위와 같이 작성하면 익스7~9 모두 적용된다.*/cs 결과 :

a태그는 하나의 페이지에서 다른 페이지로 연결하는 데 사용되는 하이퍼 링크를 정의한다. a요소의 가장 중요한 특성은 링크의 목적지를 나타내는 href 속성이다. w3schools 에서는 위와 같이 정의하고 있다. [http://www.w3schools.com/tags/tag_a.asp]그러하므로 a태그는 꼭 href 속성이 따라와야하는 태그이다. 웹표준 및 웹접근성에 준하여 올바른 작성법을 알려주려한다. 보통 a태그에서 링크를 걸지 않고 #처리 한 후 단순 동작 버튼으로 사용할때가 있다. 이때href="#" 과 같이 처리를 하는데 위와 같은 처리를 한 버튼을 눌럿을 시에 최상단으로 가는 현상이 발생한다. 그렇다고 예를 들어 strong, p, span 태그와 같은 것으로 대체하여 사용하였을 경우 tab으..

CSS3 에서 투명도를 주는 속성으로 opacity가 있다.일반적으로 값을 아래와 같이 주면 된다.opacity:0 ---->완전 투명opacity:0.5 ---->반 투명하지만 낮은 익스8에서 인식이 안되는 문제가 발생한다. 이럴때는 filter속성을 사용하여 투명도를 적용한다.아래와 같이 적용하자-ms-filter:alpha(opacity=0); filter:alpha(opacity=0); 그렇다면 css를 작성할때 위의 2가지를 한번에 작성하여 투명도를 주면 된다. Colored By Color Scripter™1 2 3 4 5 6 7 8 9 @charset "utf-8"; /* CSS Code */ opacity:0; /* CSS3 에서 투명도 */ -ms-filter:alpha(opacity=0..

ⓒ 2014. (저작권) all rights reserved.(C) 2014. (저작권) all rights reserved.Copyright 2014. (저작권) all rights reserved.Copyright 2014. (저작권) All pictures cannot be copied without permission. (C),ⓒ,Copyright 는 한번만 쓰여야 한다. by 나 for 은 저작권 표시로 인정 되지 않습니다. Copyright 표시는 줄여서 ⓒ 라 쓰거나 (C) 라고도 쓴다.카피 라이트 표시를 한 후 반드시 날짜를 표기 해야 한다. 날짜를 표기 하지 않으면 법적 효력을 받을수 없다.Copyright 2014.그리고 내용을 표시 합니다. 저작권 표시의 핵심을 말씀 드리자면, 반드시..