Skip to content

 오늘의 주인공 onfocus="this.blur();"와 a:visited를 소개합니다.


그럼 자기 소개를 들어보죠.


onfocus="this.blur();" : 안녕하세요 저는 온포커스는 디스블러입니다. 제가 누구냐고요?


onfocus 이벤트가 실행되었을때 this.blur()함수를 실행하는 놈입니다.


잘이해가 안가니 좀 더 자세히 설명해달라고요?


사용자의 focus가 나에게 왔을때 생기는 점선테두리를 없애주는 역할을 하죠.


저는 아무것도 모르는 사장님이 링크가 걸려있는 글또는 이미지를 클릭할때 생기는 점선테두리가


보기 싫다며 없애라고 할때 저를 찾으십니다.


가끔 무신경한 웹디자이너도 밉상이라고 저를 불러주시곤 하죠.


웹개발자는 특히 저를 좋아하는건 아닌데(타이핑을 더해야하거나 ctrl+c, ctrl+v를 귀찮게 해야하니깐요)


사장님이나 웹디자이너분들이 요청하면 저를 찾으십니다.


웹기획자는요? 절 모르는 사람도 많고 다른쓸데 없는 부분에 신경쓰는라 저 잘 안찾아요.


근데 저를 왜그리 많이 찾는지 바빠죽겠어요.


저를 사용하면 사용자는 내가 뭘 클릭했는지 현재 포커스가 어디에 있는지 알수가 없어요.


특히 키보드를 이용해서 웹사이트를 이용할 경우에는 포커스를 전혀 찾을수가 없어서


웹서핑이 불가능하다시피 하죠.


마우스놔두고 왜 키보드를 이용해서 웹서핑을 하냐고요?


키보드만 사용할수 있는 환경이 얼마든지 있을수도 있고요.


왜 그런거 있자나요. 지금 막 나갈려고 하는데 갑자기 마우스가 안되는거예요.


그냥 자료 딱 한개만 검색하면 되는데


그래서 키보드를 이용해서 탭키를 막 누르고 있는데


지금 탭키가 가르키는 곳을 전혀 알수가 없게되서


어쩔수 없이 컴퓨터 다시 재부팅하거나 귀찮게 해야되요.


근데도 그냥 저를 쓰면 좀 더 예쁜것 처럼 보이니깐 자꾸 부르더라고요.



a:visited : 안녕하세요 저는 a태그의 가상클래스 비지티드입니다. 제 소개를 하죠.


저는 사용자가 방문했던 사이트일 경우 해당 사이트의 링크가 걸린 엘리먼트에 적당한 스타일을 적용할수 있게끔 해주죠.


저도 분명히 하는 일이 있고 개성있는 녀석에다가 좀 괜찮고 쓸만한 녀석인데


요즘 만나주는 사람도 별로 없어서 좀 섭섭해요.


그냥 제친구들 a:link, a:hover, a:focus, a:active과 함께 a 라고 구별않고 부르시더라고요.


원 섭섭해서.


솔직히 왠만한데서는 저랑 제 친구들이랑 싸그리 하나로 묶어도 그냥 봐주겠는데요.


게시판에서는 저랑 제친구들을 정확히 구별해서 불러주세요. 그리고 모두에게 다른 옷을 입혀주세요.


저를 사용하면요. 사용자가 읽었던 게시물에는 그 게시물링크부분을 읽었다는 표시를 할수가 있어요.


그럼 사용자입장에서는 이 글은 내가 읽었던 게시물이구나 하고 다른 게시물을 찾아갈수 있거든요.


a:link {color:black} a:visited {color:gray} 이렇게 저랑 제친구를 구별해서 옷도 다르게 입혀주시면


사용자는 링크가 걸린 텍스트의 글자색은 검정색으로 보게되고


그중에서 사용자가 방문했던 링크일경우에는 회색으로 보게될거예요.


그럼 사용자는 그 많은 게시물중에서 자신이 읽었던 게시물인지 아닌지 쉽게 알수 있자나요? 그렇죠?


디씨인사이드, phpschool 등등 뭐 유명한 커뮤니티들은 저를 고맙게도 불러주시는데


정작 저를 불러야함에도 불구하고 모른척하시는분들이 많더라고요.

[출처 기억안남]

----


소소한거지만, 웹이라는것은 프로그래머가 자기 실력을 뽑내기 위한 공간이 아닌, 디자이너가 이쁘게 꾸미는 곳이 아닌, 기획자가 자기의 입맛에 맞게 꾸리는곳이 아닌

사용자가 우선이 되어야 하는 공간이라고 생각합니다.


위의 소소한 내용들이 모여졌을때,비로소 지금 많이들 말하는 웹표준이 아닐까요?


처음 홈페이지를 만드시는 분들중에 대다수의 분들이 운영자 나름대로의 생각만으로 이리 뒤집었다가 저리 뒤집었다가를 반복합니다.

쉽게 생각해보세요. 자신이 어느 사이트에서 1달을 활동하는데, 갑자기 모든 UI(유저 인터페이스)가 싸그리 바뀌었다면?

사용이 쉬울까요? 저라면, 거부감부터 들거 같네요.


대표적으로 디시인사이드를 들어보죠. 디시인사이드의 초창기 UI 가 현재의 UI와 크게 변화된것은 메인 디자인뿐입니다.

안에 게시판은 전혀 변한게 없죠. 왜그럴까요? 귀찮아서? 귀찮긴요..프로그래머 1명이 하는것도 아니고..사서 시키면 되는건데요 ^^;;


회원들의 반감을 사서 거부감을 일으킬까봐.라는쪽으로 저는 생각이 드네요.


뭐 이런저런 얘기 해봤자..소용없구요 ㅎ


홈페이지(웹)는 그것도 정보를 제공하는 홈페이지라면 !! 최우선이 프로그래머,웹디,기획자도 아닌 사용자 입니다.


profile

일요일은 짜빠게뤼~ 먹는날~^^

엮인글 :
http://adminplay.com/74413/1e3/trackback
List of Articles
번호 제목 글쓴이 날짜 조회 수
47 Tip 그누보드의 visit 문제 file ADMINPLAY 2012-01-16 6789
46 [긴급]그누보드 4.34.05 패치 ADMINPLAY 2012-01-16 5358
45 Tip 그누보드 팁. $wr_id 값을 사용하지 않습니다_라고 뜰때 해결방법 1 (그누보드 관련 게시판이 있다면....) ADMINPLAY 2012-01-16 11362
44 Tip 그누보드 팁. $wr_id 값을 사용하지 않습니다_라고 뜰때 해결방법 2 (그누보드 관련 게시판이 있다면....) ADMINPLAY 2012-01-16 5838
43 Tip 그누보드 팁. $wr_id 값을 사용하지 않습니다_라고 뜰때 해결방법 3 (그누보드 관련 게시판이 있다면....) ADMINPLAY 2012-01-16 6584
42 Tip 그누보드 메타태그(description, keywords) 설정 file [1] ADMINPLAY 2012-01-16 15397
41 Tip 중규모 커뮤니티 속도저하방지를 위한 튜닝 [그누보드 관련] ADMINPLAY 2012-01-16 8785
40 플러그인 그누보드 내글 모니터 (쿠키 및 구글 스타일 변환) file ADMINPLAY 2012-01-16 13178
39 플러그인 게시판의 정렬을 이용한 최신글 file ADMINPLAY 2012-01-16 28515
38 플러그인 게시물 순위를 이전과 비교해서 등수 출력 file ADMINPLAY 2012-01-16 11496
37 플러그인 코멘트 Ajax 처리 - 아직도 코멘트(댓글)쓰고 전체 페이지 로딩되나요? ADMINPLAY 2012-01-16 16636
36 Tip 효율적으로 디비 쿼리수 줄이기 Tip ADMINPLAY 2012-01-16 8013
35 플러그인 네이버 스타일 아웃로그인 스킨(?) file ADMINPLAY 2012-01-16 11837
34 Tip 투표(설문) 새창 띄우기 ADMINPLAY 2012-01-16 8826
33 Tip 포인트 반복 차감 기간 제한 ADMINPLAY 2012-01-16 8047
32 Tip 공지사항 리스트에 이중 출력 안되도록. ADMINPLAY 2012-01-16 10403
» Tip 오늘의 주인공 onfocus="this.blur();"와 a:visited를 소개합니다. ADMINPLAY 2012-01-16 9991
30 Tip 그누보드 회원 포인트 일괄삭제 하기 (mb_point + 포인트 내역) ADMINPLAY 2012-01-16 9585
29 최적화 그누보드에서 효율적으로 디비에 쿼리수 줄이기 ADMINPLAY 2012-01-16 9004
28 Tip 출석시 과거 특정날짜 자동출석 인정하는 방법 - 미션출석부 l2zeo 2012-03-12 9322

Copyright ADMINPLAY corp. All rights reserved.

abcXYZ, 세종대왕,1234

abcXYZ, 세종대왕,1234