본문 바로가기

분류 전체보기

[Device] viewpot 해상도 관련 [Device] viewpot 해상도 관련 아이폰, 갤럭시2, 갤럭시 노트,, 해상도 가 다르다. 반응형 디자인이 주목 받고 있다. 이젠 모바일도 크로스 브라우징 이다. 하지만 화려함 보다는 해당 디바이스에 맞는 정보전달이 주목적 인것닽다. 확실히 모바일은 아직까지 예쁘고 디자인이 화려한것 보다는 무선이라는 제약이 있기에 속도제한 등이 뒤따른다 이방법은 디바이스 뷰 사이즈에 각종 모바일 디바이스 호환을 위한 여러 방법중 한가지 방법이며, 아래 체크된 사이즈는 디바이스 브라우저 실제 랜더링 사이즈 이다. 갤럭시 노트 가로 x 세로 ( 400 * 615 ) 갤럭시S2 가로 x 세로 ( 320 * 508 ) 아이폰4 가로 x 세로 ( 320 * 460 ) // Edit to suit your needs. va..
[ Javascript ] jsfiddle iframe 사용법 [ Javascript ] jsfiddle iframe 사용법 브라우저에서 바로 html , js ,css 플러그인을 포함하여 바로 테스트 가능한 사이트다 상당히 유용하며 외부 링크시 메뉴 순서를 정해줄수 있다. 예제) src="http://jsfiddle.net/zalun/NmudS/embedded/result,js,html,css/" 위에 붉은 부분이 순서를 정하는 방법입니다. 필요없는부분은 빼면 되구요. 참조 : http://jsfiddle.net/ http://doc.jsfiddle.net/use/embedding.html
[ CSS3 ] display:-webkit-box [ CSS3 ] display:-webkit-box 특정레이어를 브라우저 가운데 정렬하는 방법이다. 기존에 [ position:absolute; left:50% top:50% ; margin: -xxx 0 0 -xxx ] 이 값으로 많이 처리 하였다. css3에는 이방법으로 가운데 정렬이 가능하다. 핵심은 .XXX {display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; } 이부분이다. 아래 테스트는 웹킷기반 브라우저( 크롬, 사파리, 맥스톤 등...) 에서만 보기가 가능합니다. 참조 :
[javascript css3] stroll.js - css3 scroll effect [javascript css3] stroll.js - css3 scroll effect 자바스크립트 와 css3 를 이용하여 브라우저 스크롤시 여러효과를 보여준다. 예) CURL ,WAVE , FLP 등... 참조 : http://lab.hakim.se/scroll-effects/
[jquery plugin] Masonry 참조 : Masonry (다운로드) 예제 및 샘플 : http://hylaweb.net/demo/masonry/index.html 출처 : http://hylaweb.net/demo/
웹폰트,fontface, 구글 폰트를 이용한 웹폰트방식이다.아직까지는 웹폰트가 표준으로 쓰이지는 못한다. 한창동안 ie 가 아웃사이더 로 만들었기 때문에....돌아오려 하지만 이젠 늦은듯 하다. 크롬 사파리 및 ie 등 글로벌 적용가능한 방법이다. 개인적으로 편합니다. 참조 : http://fontface.kr/
내컴퓨터 폰트비교 할 수있는 사이트 http://www.typetester.org/ 기본 폰트 및 내컴퓨터에 설치된 폰트를 다양한 기본옵션으로 미리볼수 있다.
swipeleft swiperight 샘플 jQuery Mobile 슬라이드 기능인 swip left or right 샘플이다.

티스토리툴바