webdev
-
아이폰/아이팟 터치용 웹 애플리케이션 개발 팁 12개아이폰 2010. 9. 27. 13:53
출처: http://firejune.com/1506 Stoyan Stefanov씨는 아이폰/아이팟 터치에서 제공하는 사파리 브라우저(이하 모바일 사파리)용 웹페이지를 구축할 때 알아두면 유용한 팁 12가지를 작성했습니다. 아시다시피 모바일 사파리는 데스크탑용 브라우저와 견주어도 손색없을 정도의 풀브라우징을 지원하며, 작은 화면에서 효과적으로 컨텐츠를 조작 및 조회할 수 있도록 추가적인 특수한 API를 제공하고 있습니다. 지금부터 소개할 12가지 팁과 트릭은 기존의 사이트를 모바일 사파리에 최적화하거나, 새롭게 구축할 때 유용하게 사용할 수 있을 것입니다. 1. 관련 문서와 아이폰 시뮬레이터Peter-Paul Koch씨는 모바일 사파리를 가지고 연구하기 시작했을 무렵에는 그 어디에도 관련 개발 문서를 찾을..
-
아이폰 웹어플리케이션 개발시 꼭 알아야할것아이폰 2010. 3. 19. 11:25
아이폰 개발시 필요한 내용을 잘 정리해 놓은 자료가 있네요~ 원본: http://trend21c.tistory.com/824 1. 아이폰용 css 적용하기 @media only screen and (max-device-width: 480px) { /* iPhone only CSS here */ #test-block { background: red; } } 아이폰은 max-device-width가 480px로 정의되어 있습니다. 위 두개의 코드는 이러한 값을 이용하여 아이폰용 css를 추가하는 방법입니다. 범용적인 스타일시트로 모바일 웹어플리케이션을 개발후 아이폰에서는 더 나은 UI를 만들기 위해 위와 같이 아이폰용 CSS를 추가함으로써 아이폰의 사파리브라우저로 접속하는 사용자들에게 다른 UI를 제공해줄수..