본문 바로가기

WEB

내컴퓨터 폰트비교 할 수있는 사이트 http://www.typetester.org/ 기본 폰트 및 내컴퓨터에 설치된 폰트를 다양한 기본옵션으로 미리볼수 있다.
swipeleft swiperight 샘플 jQuery Mobile 슬라이드 기능인 swip left or right 샘플이다.
반응형 웹디자인 반응형 웹디자인 스크린샷 / 아이프레임 /jsfiddle 참조 : 1. http://foundation.zurb.com/ element Font font-family font-size font-style font-variant font-weight letter-spacing line-height text-decoration text-align text-indent text-transform white-space word-spacing color Background bg-attachment bg-color bg-image bg-position bg-repeat Box width height border-top border-right border-bottom border-left margin padding ..
HTML5 Web App MetaTag 그럼.. 아이폰 Web App이 가능하게 한 HTML5의 요소는 어떤 것일까요? 바로 영역에 다음의 4가지 태그를 추가함으로써 가능하게 됩니다. 이 부분은 웹 앱으로 등록할 아이콘을 설정하는 것입니다. 아이콘 사이즈는 기종에 따라 조금씩 다르기는 하지만 현재 아이폰 4에 맞추어 114 X 114로 저장하면 리사이징 해준다고 합니다. 웹 앱을 실행할 때, 초기 화면을 띄울 수 있도록 지정하는 것입니다. 마치 일반 앱처럼 로딩화면을 적용할 수 있습니다. 웹 앱으로 실행할 때, 일반 앱처럼 보이도록 사파리 브라우드의 UI를 안나타게 해주는 역할을 합니다. 기본 회색으로 되어 있는 상태바의 색상을 지정할 수 있습니다. 이를 통해 보여줄 컨텐츠와 적절하게 맞출 수 있게 됩니다.
960-grid 즐겨찾기로 등록해서 해당 웹페이지에서 실행하면 그리드를 보여준다.
반응형 웹페이지 예제
CSS Formatter and Optimiser / css 를 보기 편하게 참조 : http://www.codebeautifier.com/
모바일 뷰포트 , mobile viewport facebook 잡코리아 네이버 다음 네이트 지에스 샵 삼성 스크롤 탑 $(document).ready(function(){ gnbStyle(location.pathname); setTimeout(function(){window.scrollTo(0, 1);}, 1000); setOrientation(); if ("onorientationchange" in window) { window.onorientationchange = setOrientation; } else { window.onresize = setOrientation; } }); 참조 사이트 NULI / CSS3 media query에 대하여 http://webdesignerwall.com/tutorials/css3-media-queries el..