JQuery를 이용한 겸손한 탭 메뉴 구현

이번에 사이트를 개편하면서, 탭 메뉴로 구성된 추천 글 목록을 추가했습니다. 제 사이트의 방문자 통계를 확인하니, 방문자들의 이동 경로가 1개의 글만 읽고 사이트를 떠나거나, 홈페이지로 이동하는 등 무척 기초적인 수준의 이용만 하고 있다는 것을 확인했기 때문입니다. 블로그의 글이 360개임에도 불구하고 1~2개 글만 보고 떠나는 걸 방치할 수 없었기에 추가한 콘텐츠입니다. 웹 사이트에서 탭 메뉴를 구현하기 위한 일반적인 [...]

고급 인재를 추천합니다.

웹 표준 및 접근성 분야에서 최상의 기술력을 보유한 고급 인재를 추천합니다. 추천할 분은 제가 아니라, 현재 다음커머스 플랫폼개발팀에서 근무하는 도금호님입니다. 웹 관련 기획, 디자인, 개발 등 다양한 경력을 쌓아 왔으며, 현재는 CSS와 Javascript 부분에서 강력한 내공을 쌓고 있습니다. 국내에서 이 정도의 기술력을 갖춘 분을 찾는 건 쉽지 않습니다. 이쪽 분야에서 상위 2% 안에 들 정도의 대단한 [...]

DOM과 CSS의 선택자

몇일째 JS와 DOM과 관련된 책을 읽고 있다. 아무래도 남은 휴가기간은 내일과 모래에는 다른 일을 해야할 것 같기에, 일일 풀타임 독서도 오늘로써 끝일 것 같다. JS와 DOM에 관련된 국내 서적을 찾기는 생각보다 쉽지 않다. 대부분은 활용팁들의 예제를 중심으로 설명된 책들이라 기본 원리에 대한 깊숙한 접근(마치 수학 정석 교제에서 공식을 증명하는 단계와 같은)을 하고 싶던 나로써는 W3C 사이트로 [...]

The Mouseover DOM Inspector

Steve Chipman가 자신의 블로그에서 Mouseover DOM Inspector v2.0b Help를 공개했네요. 북마클릿(Bookmaklet) 형식으로 웹페이지에서 레이어처럼 볼 수 있는 점이 FF의 고급설치시 지원되는 DOM 조사기능보다 효율적인 것 같습니다. Firefox, Mozilla, Opera 7.5+ and MSIE6+ 을 지원하지만, 아쉽게도 Safari는 지원하지 않네요. (J님이 서운해 하실듯..) 이 놀라운 기능이 북마클릿 버튼으로 구현될 수 있다니.. 예전부터 생각했었지만, 자바스크립트의 한계는 없는 것 같습니다. FF의 [...]

자바스크립트 네비게이션

CSS를 주로 다루는 사이트는 웹페이지의 네비게이션를 제작할 때, 당연히 CSS로 표현하라고 권한다. 어쩔 수 없는 경우에는 자바스크립트를 사용하라고 한다. 플래시에 대한 언급은 거의 없다. CSS Reboot에 소개되어 있는 사이트들을 구경하던 중, 심플한 디자인의 Monolinea이 눈에 들어왔다. 다이나믹한 네비게이션을 플래시가 아닌 자바스크립트를 이용하여 표현하고 있었다. 국내 사이트들의 경우에는 대부분의 사이트들이 플래시로 네비게이션으로 표현한다. 이 사이트를 보기 전까지만 [...]

플래시를 사용안하고 이미지에 fade 효과 주기

이미지를 플래시를 통해 보여주는 이유 중의 하나는 바로 Fade 효과이다. 플래시는 모션트윈 생성을 통해서 알파값만 조절해주면 간단하게 이미지 fade 효과를 나타낼 수 있다. http://www.couloir.org/ 에 가보면, 플래시를 사용하지 않고 메인이미지에 Fade 효과를 주고 있음을 알 수 있다. 꽤 유용한 기술이라 생각해서 나름대로 검색엔진을 돌려보니 Cagnut의 글 중에서 Onload image fades without Flash를 발견할 수 있었다. [...]

 
Be Friend~! 웹 접근성 향상 캠페인