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

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

변경된 구글 코리아의 첫 화면을 뜯어 보자.

구글 코리아의 첫 화면이 변경됐다. 기존에는 로고에만 1개의 이미지를 제공할 정도의 텍스트 기반 페이지였는데(현재 google.com처럼), 이번에 여러가지 아기자기한 아이콘이 추가됐다. 특히 검색 영역 아래쪽에 위치한 구글 서비스로 바로 갈 수 있는 링크들을 제공하는 점이 눈에 뛴다. 내 경우에는 구글을 검색 뿐만 아니라, GMail, Gtalk, Gcalendar, Gnote, Gdesktop, Ggroup 등 다양한 서비스 등을 이용하고 있기에 Google My [...]

플래시 네비게이션과 군용짚차

나는 군대에서 1년 동안 국방부 만화병으로, 나머지 1년 동안 연대장 당번병으로 지냈다. 국방부 파견을 마치고 연대에 돌아온 후, 1호차 운전병과 많은 시간을 함께 할 수 밖에 없었다. 일명 부대 최고 까리병사 1, 2호라 불리웠던 기억이 난다. 1호차 운전병은 작은 부대에서 1.5톤 덤프트럭을 몰던 넘인데 Back이 좋았던지 연대로 오게됐고, 이후 소형 짚차를 운전하게 되면서 불평을 많이 했다. [...]

올블로그의 플래시 네비게이션

오전에 방문한 올블로그가 예전과 미묘한 차이점이 있는 것을 발견하고, 확인해보니 상단 네비게이션이 사라졌다. 흡사 구글과 같은 느낌이었는데, 어떤 이유 때문인지 올블로그 개발자가 잠시 네비게이션을 숨겨놓은 줄 알았다. 나의 상상력에 개연성이 부족한 것 같아서 다시 확인해보니, 사용중인 파이어폭스 브라우저의 웹디벨로퍼 툴바에서 자바스크립트가 꺼져 있는 것을 알 수 있었다. 파이어폭스 사용자들이 가장 많이 다운받는 플러그인 중 하나가 NO-Scipt일 정도로, [...]

독특한 구성의 웹사이트

2페이지에 여러 단으로 구성된 출판만화들은 웹브라우저로 보는데 불편하다. 오히려 마린블루스나 강풀의 순정만화처럼 1라인/1단 구성의 만화들이 보는데 편하다. 레이아웃의 전형적인 틀을 깬 웹사이트가 있다. 기존에 이와 비슷한 실험적인 시도를 한 사이트들을 몇 군데 봤었지만, 이곳은 실험적이다라는 생각이 전혀 들지 않는다. 오히려 벤치마킹 대상이 되기에 부족함이 없어 보인다. http://www.morellc.com/ 이라는 사이트인데, 메뉴항목을 클릭하면 다음페이지로 넘어가는 방식이 독특하다. 몇년전에 엄청 [...]

자바스크립트 네비게이션

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

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