본문 바로가기

반응형웹

CORNERSTONE SK 오픈소스 HTML5 프레임워크 http://cornerstone.sktelecom.com/ 소개페이지 http://cornerstone.sktelecom.com/2/livedoc/ DOC http://cornerstone.sktelecom.com/2/guide/#title 가이드 http://martian36.tistory.com/1197 참고 블로그 리뷰 SK 텔레콤 ? 에서 개발한 html5 프레워크입니다. 모바일 및 데스크탑 환경에서 동작하는 고품질의 웹 페이지 또는 웹 앱을 제작할 수 있는 Client-side Framework 라고 정의합니다.. UI 용 프레임워크라는 의미겠네요.. 얼핏 설명 들어봐서는 반응형 웹이 적용된듯합니다. 문법을 보면 센차와 비슷해보이고..(mvc 패턴 어쩌구 하는 얘기도 나옵니다) 얼만큼의 편의성.. 더보기
[모바일,html5] 안드로이드,아이폰 바로가기 아이콘 생성 shortcut icon 아이폰의 경우 바탕화면에 바로가기 만들면 해당 화면을 캡쳐하여 아이콘을 만들어버립니다. 아래 방법은 정해진 이미지를 아이콘으로 생성하는 방법입니다. 반응형웹,html5,모바일,웹앱,하이브리드앱,뷰포트,shortcut iconshortcut icon,바로가기 아이콘,PhoneGap,Sencha Touch,Android,안드로이드,아이폰,IOS,iPhone,크롬,Explorer8,Explorer9,Explorer10 더보기
[모바일,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.. 더보기