랩제이

[html5] html5 표준 동영상 코덱 구글은 H.264코덱 지원히지 않고 webm 형식인 VP8의 오픈코덱 지원하기로 했습니다. H.264 코덱은 애플이 주소유자입니다. HTML5 표준 동영상은 mp4(H.264), ogg(Theora, Vorbis 코덱), webm(VP8, Vorbis)를 모두 고려해야 한다. 코덱명 로열티 브라우저 ogg(Theora, Vorbis) 무료 파이어폭스, 오페라 webm(VP8, Vorbis) 무료 크롬 mp4(H.264) 있음, 이용자 무료 IE, 사파리, 크롬 [html5] html5 표준 동영상 코덱

[html5] 자바스크립트에서 스마트폰 단말기 정보 확인 자바스크립트에서 웹브라우저(단말)의 종류를 확인하려면 User Agent 값을 조사하면 된다. 1. iPhone/iPad User Agent Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_2_1 like Mac OS X; ko-kr) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8C148 Safari/6533.18.5 Mozilla/5.0 (iPad; U; CPU iPhone OS 4_2_1 like Mac OS X; ko-kr) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8C148 Safa..

[html5] viewport 지정하기 1. viewport 란 무엇인가? 스마프트폰은 기종별로 화면 크기가 다르다. 그렇다고 모든 단말기에 맞추어서 전용 버전을 개발해야 하는 것은 아니다. 화면 사이즈에 맞추어서 표시해주는 'ViewPort' 라는 기능을 이용하면 된다. 태그로 ViewPort를 지정하면 자동으로 크기가 조절되는 기능이다. 오늘은 맑음 오늘은 참 즐거운 날이었다. 2. viewport 사용법 표시 화면의 크기, 확대/축소 허용, 초기 표시 배율을 태그에서 지정 할 수 있다. VIewPort 속성 속성 기능 width 너비(픽셀) height 높이(픽셀) initial-scale 초기 배율(기본 꽉 찬 화면) minimum-scale 최소 배율(기본값: 0.25, 범위:0~10.0) ma..

[html5] 스마트폰 화면 크기 스마트폰 별 화면 크기 기종 화면크기(픽셀) iPhone 3G/3GS 320 x 480 iPhone 4G 960 x 640 iPad 1024 x 768 삼성 갤럭시S 480 x 800 HTC 구글 넥서스원 480 x 800 [html5] 스마트폰 화면 크기

[html5] new Audio() 구문 사용법 banner_audio = new Audio(); // 오디오 객체를 banner_audio 변수에 참조 banner_audio.src = '음원주소'; // src 속성 설정 banner_audio.load(); // 객체 로드 banner_audio.play(); // 재생 banner_audio.pause(); // 일시정지 [html5] new Audio() 구문 사용법

[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] 인라인 요소, 블록 요소