반응형

HTML5 16

드래그 파일업로드 폼 만들기

파일 업로드할때 멀티드래그 하는 방법에 대해서 html5 를 이용한 드래그앤 드롭 파일리스트 최근 게시판 소스들은 파일첨부할때 드래그앤 드롭기능을 이용해서 파일 선택창을 사용하지않고 여러개의 파일을 동시에 올릴 수 있도록 지원해주고 있습니다. html5 에서는 더 편리하게 지원해주는거같고 그게 아니더라도 구현은 가능할것같습니다. miplatform 에서 연동되는 방법은 좀 찾아봐야 할듯..

IT/web개발 2013.09.27

[모바일,html5] 안드로이드,아이폰 바로가기 아이콘 생성 shortcut icon

아이폰의 경우 바탕화면에 바로가기 만들면 해당 화면을 캡쳐하여 아이콘을 만들어버립니다. 아래 방법은 정해진 이미지를 아이콘으로 생성하는 방법입니다. 반응형웹,html5,모바일,웹앱,하이브리드앱,뷰포트,shortcut iconshortcut icon,바로가기 아이콘,PhoneGap,Sencha Touch,Android,안드로이드,아이폰,IOS,iPhone,크롬,Explorer8,Explorer9,Explorer10

IT/web개발 2013.05.16

[모바일,html5] 뷰포트 viewport 선언으로 디바이스,방향전환에 반응하는 웹페이지 구현

반응형웹,html5,모바일,웹앱,하이브리드앱,뷰포트,viewport,PhoneGap,Sencha Touch,Android,안드로이드,아이폰,IOS,iPhone,크롬,Explorer8,Explorer9,Explorer10 모바일웹 구현시 고려해야 할 부분중 가장 중요하면서 기본적인 내용으로 다양한 디바이스에 보여지는 웹페이지 사이즈를 자동으로 조정하는기능이 필요합니다. viewport 에 선언된 값(width)으로 100% 크기가 정의되어 디바이스 별 화면 사이즈 및 방향전환에 맞춰진다고 생각하시면 될듯. 아래 설정으로 간단히 구현 가능합니다. content="width=device-width" : 가로값 ('디바이스 크기에 맞추겠다' 고 선언) intial-scale=1.0 : 처음 로딩 화면 비율 mi..

IT/web개발 2013.05.16

html5 메뉴얼 강좌

1. HTML5 소개 .6 1.1 HTML 5 의 배경.7 1.2 HTML5 개요.12 1.3 HTML5 표준 문서들 22 1.4 HTML5와 웹개발 방법론의 변화 .26 1.5 FAQ.29 2. HTML5 마크업32 2.1. 구조와 문법 .33 2.2. 요소와 속성 .36 2.3 HTML5 예제.54 2.4 HTML 4.01과의 비교58 3. CSS3 소개 63 3.1 CSS2와 차이점64 3.2 CSS3 브라우저 지원현황64 3.3 CSS3 실전 적용 69 3.4 CSS3 명세 읽는 법 .80 3.5 FAQ.80 4. HTML5 API.85 4.1 HTML5 미디어 요소86 4.2 HTML5 API92 4.3 리치 웹 API108 4.4 FAQ.122 5. HTML5와 모바일 125 5.1 모바일에서..

IT/web개발 2012.07.17