elegantcoder의 블로그

모바일 웹 디버깅 툴 - Weinre

국내 모바일 브라우저 시장 점유율은 2011년 12월 현재 Webkit 계열이 99% 이상의 점유율을 가지고 있다(Statcounter 기준, Android, iPhone, iPod Touch, Dolfin 을 합한 수치).

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

Semantic URL이란?

Semantic URL 은 Clean URL, Fancy URL, Rewritten URL 으로 불리기도 합니다.

[번역/요약] Professional Frontend Engineering

원문은 YUI의 Professional Frontend Engineering 입니다. 스크립트와 함께 보시면 더 좋습니다. 

오역/오탈자 신고는 메일로 해주세요.

JS프로그램의 압축(Compression of JavaScript Program)

원문은 http://j.mp/gl4jDq 에서 보실 수 있습니다. 오역의 가능성이 있으니 원문과 비교하며 보세요~

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

원문은 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.

더 나은 SEO를 위해 알기쉬운 사이트 구조 작성하기

검색엔진은 오늘날 사이트에 방문자를 이끌어주는 가장 중요한 방법 중 하나이다. 따라서 검색엔진 최적화(Search Engine Optimization)은 매우 중요하다. 하지만 SEO는 종종 기술적 꼼수 모음으로 오해받곤 한다. - SEO전문가로서 고객들과 기술적인 이슈를 고치는 데에 많은 시간을 들였음을 고백한다. - 사이트의 구조는 검색엔진이 사이트의 주제가 무엇인지, 그리고 얼마나 쉽게 사이트의 목적과 의도에 맞는 컨텐츠를 찾고 색인화 할 수 있는지를 결정한다.
 
좋은 구조를 만듦으로써 다른 사람들로부터 링크를 받은 여러분의 컨텐츠를 활용할 수 있고, 사이트의 구조를 이른바 "링크주스(linkjuice)"와 같이 여러분 사이트의 다른 페이지에 배치해 놓을 수도 있다.
 
상업적인 사이트라면 질 좋은 컨텐츠를 여러분의 판매 페이지의 랭킹을 높이는데 사용할 수도 있다. 이제 필요성에 대해 여러분의 관심을 좀 끌었을까? 좋다.

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

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