랩제이

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

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

[html5] firefox plugin quickjava이미지, 자바스크립트, CSS, 플래쉬 등을 적용하지 않은 상태에서 웹페이지가 어떻게 보일 것인지를 확인 할 수 있는 Plug in [html5] firefox plugin quickjava