HTML5 Page Visibility API

16 Aug, 2012 - 1 minutes

Page Visibility API * 브라우저에서 탭이 이동해서 안보이는 경우, 비디오는 끄고 싶다. * 페이지가 안보이는 중에는 이미지 로테이션을 멈춰두고 싶다. * 페이지가 안보이는 중에는 서버에 요청하지 않았으면 좋겠다. 이런 경우에 사용하기 위해 Page Visibility API 스펙이 표준화되고 있습니다.

모바일 웹 디버깅 툴 – Weinre

17 Jan, 2012 - 3 minutes
국내 모바일 브라우저 시장 점유율은 2011년 12월 현재 Webkit 계열이 99% 이상의 점유율을 가지고 있다(Statcounter 기준, Android, iPhone, iPod Touch, Dolfin 을 합한 수치). 하지만 Webkit 계열의 브라우저로 천하통일되었더라도 모바일 사이트를 구축하는 것은 여전히 쉽지 않은 일이다. 단말기가 다양할 뿐 아니라 단말기마다 사용된 웹킷 브라우저 버전이 각각 다르고, 단말기에 적용된 OS 버전에 따라서도 다르다. 심지어는 제조사의 커스터마이징이 이루어진 경우도 심심치 않게 볼 수 있다. 같은 회사에서 나온 라인업(갤럭시 S, 갤럭시 K 등) 에서도 다르게 동작하는 경우마저 있다.

Semantic URL 를 프로젝트 내 소통수단으로!

13 Dec, 2011 - 4 minutes
Semantic URL이란? Semantic URL 은 Clean URL, Fancy URL, Rewritten URL 으로 불리기도 합니다. 위키피디아에서는 Semantic URL과 Clean URL을 각각 다른 용어로 정의하고 있기는 하지만 내용을 살펴보면 근본적으로는 비슷합니다.  즉, 비전문가(사용자)에게 친숙한, (의미를 표현하는)구조적인 URL입니다.

위지윅(WYSIWYG) 에디터를 만들고자 할 때 고려할 사항

8 May, 2011 - 3 minutes
원문은 http://bit.ly/ksonHb 에서 보실 수 있습니다. 1. iframe docs vs. contenteditable divs 위지윅에디터를 제작하고자 할 때 iframe을 사용할 지, 어느 엘리먼트에나 존재하는 contenteditable 속성을 이용할 지 고민될 수 있습니다. 답변자는 iframe을 추천합니다. 그 이유로:  iframe내에서는 문서 타입, CSS, script 등을 이용해 완전한 제어를 할 수 있습니다. 여러 다른 페이지내에서 통일된 액션과 모습을 보여주는 데에 꼭 필요합니다. 특히 Firefox에서 contenteditable 속성을 가진 엘리먼트가 매우 버그가 많은데, 이것은 몇 년 전부터 있어왔고 아주 잘 동작하는 document의 designMode속성에 비해(pre-1.0 부터인가? 확실하지 않습니다) 이 속성이 비교적 최근에(3.0버전부터) 도입되었기 때문입니다.   2.

회원가입 프로세스를 심플하게 만드는 17가지 방법

1 Mar, 2011 - 2 minutes
xguru님의 이번 주 기술뉴스에 포함된  “회원가입 프로세스를 심플하게 만드는 17가지 방법” http://j.mp/eeC2Qp 에 대한 간단한 번역입니다. 원문에는 이해가 쉽도록 이미지 등도 있으니 참고하세요~  오역의 가능성은 다분합니다 -_-   1. 이메일을 아이디로 만들어라   2. 사용자가 항상 쓰는 비밀번호를 쓸 수 있게 하라. (복잡한 규칙을 설정하지 마라. 은행, 개인정보 등 민감한 사항을 다루는 웹사이트들은 예외.)   3. 추가 정보는 우선 계정을 만든 다음에 받도록 해라.   4.