if (navigator.geolocation) { navigator.geolocation.getCurrentPosition( function(location){ //succ - 유저가 허용버튼을 클릭하여 값을 가져올 수 있는 상태 var lat = location.coords.latitude; var lon = location.coords.longitude; }, function(error){ //fail - 유저가 차단버튼을 클릭하여 값을 가져올 수 없는 상태 } ); } else { //fail - 애초에 GPS 정보를 사용할 수 없는 상태 }

모바일웹은 미디어쿼리를 통해서 사용자의 환경에 알맞은 조건css를 고려하는 것이 대부분이다.그런데, pc 브라우저에서는 그다지 고민하지 않았던 휴대전화 돌리기(?)로 인해 가로, 세로에 각각 반응하는 미디어쿼리까지짜야하니.. 참 머리가 아파진다.무엇보다 화면 회전을 자바스크립트가 제때 잘 캐치할 수 있는기가 관건인데,이벤트를 캡쳐하는 것 자체는 그다지 어렵지 않지만, 예상치 못한 문제가 발생했다. 폰을 이렇게 세로로 들고 있다가 |--- 320px ---| 이렇게 가로로 눕히게 되면 |--- 600px ---| 화면의 가로, 세로를 제어하는 애들이 갑자기 이상하게 가로 세로를 반대로 잡는 경우가 생겨버렸다.특히 다른 휴대폰에서는 괜찮았는데, 갤럭시s3와 옵티머스g에서 이런 현상이 발생했다. 그래서 하는 ..

아주 유용한 방법 & 깔끔한 방법으로 table의 헤더를 고정하는 오픈 소스가 있다.그냥 날코딩(?)으로 하는 경우 테이블 너비가 찌그러지는 경우가 있는데, 이 오픈 소스는 매우 깔끔하게 되어있다. www.tablefixedheader.com/demonstration/

블로그에 소스코드를 올릴때 사용하는 신텍스하이라이터(SyntaxHighlighter)에 아쉽지만 버그가 있다. 꺽쇠 를 코드안에 사용하게 되면 html코드와 중복되어 본문내용에 오류가 나는데, 는 ">" 로 html에서 작성해서 올려야 한다.

버튼에 그라데이션과 자그마한 아이콘을 동시에 사용하고자 할 경우에는 다음과 같이 BackGround속성을 동시에 나열하면 가능하다. background: url("이미지주소") no-repeat 10% 50%, -webkit-gradient(linear, left top, left bottom, from(#시작색상값), to(#끝색상값)); 위 빨간색 글씨가 중요한 부분이며, no-repeat(이미지를 한번만 그림) 다음의 10% 50%는 각각 해당 버튼을 기준으로 이미지를 위치시키고 싶은 x, y 좌표값이다.이미지 아이콘을 한장에 합쳐서 ( 용량 엑서스 문제 해결을 위해 최근에는 enable, hover, active, disable 4가지 경우의 이미지를 한장의 이미지 파일에 가로 혹은 세로로 붙여서..

웹킷 기반의 웹 브라우저는 뷰포트(viewport)의 크기에 따라 폰트 사이즈가 변경된다.폰트를 고정시켜서 작업하다가, 폰트가 원치않게 조정될 경우 전체적인 디자인이 깨지는 경우가 발생한다.이를 방지하기 위한 방법으로 폰트를 고정하고자 할때는,다음 CSS를 원하는 곳에 추가한다. -webkit-text-size-adjust:none;-webkit-text-size-adjust - auto | none | N% (default auto);

1. 웹표준이란?표준이라는 단어는 사물의 정도나 성격 따위를 알기 위한 근거나 기준을 뜻하는 단어로서, 단순한 웹페이지를 구현하는 것이 아니라 웹을 관리하고 서비스하는 데 필요한 일정한 기준이라고 볼 수있습니다. 물론 이것은 사용자의 사용성이나 접근성에 있어서 현재의 인터넷 수준보다 더 표준으로 제공할 수있는 측면을 포함하고 있습니다.그러기 위해서 기존에 무분별하게 사용해도 별탈(?)없던 코딩 스타일들에 변화를 줄 필요가 생겼죠.우선 운영하고 계신 블로그나 사이트가 있다면, 웹표준을 얼만큼 준수하고 있었는지 검증할 필요가 있습니다. [ 웹표준 검사 사이트 ] - http://validator.kldp.org/ 2. 가장 기본적인 웹표준의 순서. MVC 패턴인터넷 페이지를 구성할때 단순히 내용만 보여주는 ..