랩제이

[html5] WebM (웹앰) WebM(웹앰)은 로열티 비용이 없는 개방형 고화질 영상 압축 형식의 비디오 포맷으로 HTML5 비디오와 함께 사용합니다. ;(function($){ $(function() { var banner_audio= new Audio('media/banner_sound.webm'); banner_audio.load(); banner_audio.play(); }); })(window.jQuery); [html5] WebM (웹앰)

[css3] Transition 속성 설명하기 요소를 움직이는 장면이 부드럽게 바뀌도록 css3 의 Transition을 적용합니다. 트랜지션을 적용할 속성은 '배경이미지'입니다. 아직 브라우저에 적용되지 않았습니다. background: url(../images/banner-arrow.png) no-repeat -100px 140px, url(../images/banner-photo.png) no-repeat -40px 220px, url(../images/banner-09.png) no-repeat -20px -380px, url(../images/banner-bg.png) no-repeat 0 0; transition: background-position .2s ease-in .2s; 테스트를 위해..

[html5] 인라인 요소, 블록 요소 블록 요소는 다른 블록 요소나 인라인 요소를 감쌀 수 있는 요소를 말합니다. : h1~h6, div, p, ul, ol 인라인 요소는 블록 요소 내부에 자리하는 요소를 말합니다. 블록 요솔르 감쌀 수 없습니다. : a, img, strong, em, span [html5] 인라인 요소, 블록 요소

[html5] firefox firebug 콘솔 사용하기 firefox를 사용하는 html에서 태그 보고 css 수정하는 정도로만 사용 했었는데 책을 보니까 콘솔에 대해서 사용 방법이 적혀 있네요. 여러가지로 이용 할 수 있겠습니다. firebug 1.9.1 * 콘솔 입력 예1) var li_len = document.getElementsByTagName('li').length; while (0

[html5] 신기능 지원 여부 확인 사이트 standardistahttp://www.standardista.com/css3/css3-background-properties/ [html5] 신기능 지원 여부 확인 사이트 standardista

[html5] 추가 기능 1. Web Storage, Web SQL Database : data, 유저가 입력한 정보를 local 영역에 보존 할 수 있다. : 오프라인에서 이 정보를 이용하여 보여준다. 2. Web Socket : 웹페이지에서 서버에 접속 할 수 있다. : 채팅 프로그램이나 Push 기능을 구현 할 수 있다. 3. Geolocation : 단말기에 GPS 센서가 있다면 인터넷 접속 위치를 확인 할 수 있다. : 길안내, 식당 정보 제공 할 수 있다. 4. 프로그램 캐시 : 오프라인 환경에서도 동작하는 웹 응용 프로그램을 구현 할 수 있다. : manifest 파일을 추가하여 오프라인에서 인터넷에 접속했을 때와 동일하게 동작하는 웹 어플을 구현 할 수 있다. 5. Cross Documen..

[jsp] 자바스크립트 로그 만들기 웹프로젝트에서 복잡한 자바스크립트로 사용할 경우에 디버그를 해야 하는 경우가 생깁니다. 자바스크립트 디버그 툴을 이용 할 수도 있지만 찾아서 그걸 적용해서 쓸 정도의 디버그가 아니라면 간단하게 디버그툴을 간단하게 만들어서 쓰는게 좋을 것입니다. 1. logging용 자바스크립트를 만듭니다. * log.js var logCheck = 1; // 1:check 0:not check var logmsg = ''; function logln(msg) { logmsg = logmsg + msg +" "; var console = document.getElementById("debugConsole"); if (console != null && logCheck==1) { conso..

[jsp] 해시뱅 #! 참고사이트 http://blog.outsider.ne.kr/698 [jsp] 해시뱅 #!