jQTouch Preview from David Kaneda on Vimeo.
http://code.google.com/p/jqtouch/
Zen-coding, HTML / CSS 코딩을 훨씬 빠르게
이 동영상 한번만보면 사용법을 웬만하면 다 익힐 것 같다.
문제는 CSS3을 지원하지 않는 IE 때문에 두세번 코딩해야 될거라는건데, cssQuery 도 있고.. 이제 IE6에서 퍼포먼스를 지키면서 코딩하진 않을꺼니까 별 상관은 없겠지.
내가 쓰는 에디터 SciTE 도 곧 지원 예정에 있다. 빨리 지원이 들어갔으면!
http://code.google.com/p/zen-coding/
일단 Komodo Edit 에다가 넣어서 써볼 생각.
CSS,
CSS3,
ie,
Zen Coding
링크에서 점선을 없에는 새로운 방법.
세 방법이 있다.
둘은 CSS, 셋째는 자바스크립트를 이용하는 방법이다.
2. a {selector-dummy: expression(this.hideFocus=true);}
3.
function bluring(){
if(event.srcElement.tagName=="A"||event.srcElement.tagName=="IMG") document.body.focus();
}
document.onfocusin=bluring;
3번째 자바스크립트의 방법은 a나 img 태그에 접근시 포커스를 body엘리먼트로 보내버리는 스크립트이다. 이렇게 되면 키보드의 접근성을 해친다. 저리 제쳐두고, 보통 많이 쓰는 방법이 2번 방법이다.
1번 방법을 조금 전 키보드의 접근성을 해치지 않고 클릭 했을 때의 링크 점선 없애는 법에서 발견하였는데, 역시나 IE에선 작동하지 않는다.
