웹표준
-
MP4파일을 HTML5로 모든 브라우저에서 동영상 플레이 하기 - Flowplayer정보 2013. 1. 21. 18:20
요즘 처럼 멀티 디바이스 환경에서 날코딩으로 동영상을 모든 브라우저에 보이도록 최적화 시키기가 쉽지 않다. 물론 유튜브(YouTube)나 비메오(Vimeo) 같은 동영상 공유 사이트를 이용하는 방법도 있을 것이다. 그렇지만...그럼에도 불구하고 내 맘데로 내 멋데로 내 서버를 쓰고 싶을때도 있다. 그럴때 여기 아주 쉽고 편리한 방법이 있다. 바로 Flowplayer를 이용하는 것이다. 일종의 jQuery 플러그인 이다. jQuery와 flowplayer.js 라이브러리를 호출하여 사용하는 방식이다. 크롬이나 파이어폭스 등 일반적인 웹 표준 브라우저에서는 Video 오프젝트를 사용하여 mp4파일을 스트리밍 할 수 있으며 인터넷 익스플로러에서는 플래시에서 mp4를 호출하는 방식을 사용하여 플레이하도록 하고 ..
-
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..
-
아이폰/아이팟 터치용 웹 애플리케이션 개발 팁 12개아이폰 2010. 9. 27. 13:53
출처: http://firejune.com/1506 Stoyan Stefanov씨는 아이폰/아이팟 터치에서 제공하는 사파리 브라우저(이하 모바일 사파리)용 웹페이지를 구축할 때 알아두면 유용한 팁 12가지를 작성했습니다. 아시다시피 모바일 사파리는 데스크탑용 브라우저와 견주어도 손색없을 정도의 풀브라우징을 지원하며, 작은 화면에서 효과적으로 컨텐츠를 조작 및 조회할 수 있도록 추가적인 특수한 API를 제공하고 있습니다. 지금부터 소개할 12가지 팁과 트릭은 기존의 사이트를 모바일 사파리에 최적화하거나, 새롭게 구축할 때 유용하게 사용할 수 있을 것입니다. 1. 관련 문서와 아이폰 시뮬레이터Peter-Paul Koch씨는 모바일 사파리를 가지고 연구하기 시작했을 무렵에는 그 어디에도 관련 개발 문서를 찾을..
-
웹표준, XHTML과 CSS의 소개 및 규격정보 2010. 1. 15. 14:48
XHTML이란? - 위키 http://ko.wikipedia.org/wiki/XHTML XHTML™ 1.0 The Extensible HyperText Markup Language (Second Edition) http://www.w3.org/TR/xhtml1/ 한글 번역문 XHTML ™ 1.0 http://trio.co.kr/webrefer/xhtml/overview.html CSS 소개 http://www.thebigfly.com/csslots/ CSS1 카스케이딩 스타일쉬트 규격 번역문 http://trio.co.kr/webrefer/css1/rec-css1.html CSS2 규격 한글 번역문 http://trio.co.kr/webrefer/css2/cover.html W3C MarkupValida..