웹개발
-
Image Scroller jQuery - 이미지 스크롤링 스크립트 모음 (슬라이드)정보 2011. 6. 20. 16:53
펌: jQuery Image Gallery/Slider Tutorials http://vandelaydesign.com/blog/web-development/jquery-image-galleries/ jQuery Image Gallery/Slider Tutorials: Create an Image Rotator with Description (CSS/jQuery) jQuery Image Gallery/News Slider with Caption Full Screen Image Gallery Using jQuery and Flickr Create a Slick and Accessible Slideshow Using jQuery Fancy Thumbnail Hover Effect with jQuery Sim..
-
모바일웹 뷰포트 속성 설명~아이폰 2011. 1. 14. 18:04
모바일 웹 페지이 제작 시 알아 두면 좋은 태그... width=device-width; 가로 화면 전환시 화면에 맞게 페이지 폭이 넓어지게 된다. 쓰지 않을 경우 화면이 폭에 맞추어 확대됨. device-width 옵션은 iPhone OS 1.1.1 이후 적용. 이 옵션으로 아이폰, 안드로이드 폰 등 해상도가 다른 디바이스에서도 짤리거나 넘치지 않도록 보정 된다. (가로 폭이 좁은 안드로이드 계열에서도 잘 보인다. 약간 날씬해 지는 느낌?) initial-scale=1.0; 초기화면을 해당 비율로 확대하여 보여주는 옵션 maximum-scale=1.0; 확대할 수 있는 최대값 (범위 0~10.0) 디폴트값은 1.6 user-scalable=yes; 사용자가 화면을 확대할 수 있도록 허용 : 등록되는 웹..
-
아이폰/아이팟 터치용 웹 애플리케이션 개발 팁 12개아이폰 2010. 9. 27. 13:53
출처: http://firejune.com/1506 Stoyan Stefanov씨는 아이폰/아이팟 터치에서 제공하는 사파리 브라우저(이하 모바일 사파리)용 웹페이지를 구축할 때 알아두면 유용한 팁 12가지를 작성했습니다. 아시다시피 모바일 사파리는 데스크탑용 브라우저와 견주어도 손색없을 정도의 풀브라우징을 지원하며, 작은 화면에서 효과적으로 컨텐츠를 조작 및 조회할 수 있도록 추가적인 특수한 API를 제공하고 있습니다. 지금부터 소개할 12가지 팁과 트릭은 기존의 사이트를 모바일 사파리에 최적화하거나, 새롭게 구축할 때 유용하게 사용할 수 있을 것입니다. 1. 관련 문서와 아이폰 시뮬레이터Peter-Paul Koch씨는 모바일 사파리를 가지고 연구하기 시작했을 무렵에는 그 어디에도 관련 개발 문서를 찾을..