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/f82/trackback
List of Articles
번호 제목 글쓴이 날짜 조회 수
27 Tip 마우스 드래그시 영역 색상 변경 [selection pseudo-element(dropped)] file l2zeo 2013-01-23 4237
26 Tip css 폰트 설정시 브라우저 제약없이 비슷하게 보이게 하는방법은?? file l2zeo 2013-01-23 5278
25 Tip 그누보드4(G4) 변수들 l2zeo 2013-01-22 51921
24 Tip DTD(Document Type Definition) 란? l2zeo 2012-10-02 5259
23 Tip 서버이전후 Warning: Cannot modify header information - headers already sent by... 뜰때 l2zeo 2012-09-30 7877
22 Tip 그누보드내에서 링크를 이용할때 \ 값이 자동 생성될때는? l2zeo 2012-09-30 5234
21 Tip SSL 보안인증 로그인,회원가입 적용하기 [1] l2zeo 2012-08-15 11803
20 Tip 출석시 과거 특정날짜 자동출석 인정하는 방법 - 미션출석부 l2zeo 2012-03-12 9325
19 최적화 그누보드에서 효율적으로 디비에 쿼리수 줄이기 ADMINPLAY 2012-01-16 9007
18 Tip 그누보드 회원 포인트 일괄삭제 하기 (mb_point + 포인트 내역) ADMINPLAY 2012-01-16 9587
» Tip 오늘의 주인공 onfocus="this.blur();"와 a:visited를 소개합니다. ADMINPLAY 2012-01-16 9996
16 Tip 공지사항 리스트에 이중 출력 안되도록. ADMINPLAY 2012-01-16 10408
15 Tip 포인트 반복 차감 기간 제한 ADMINPLAY 2012-01-16 8051
14 Tip 투표(설문) 새창 띄우기 ADMINPLAY 2012-01-16 8834
13 플러그인 네이버 스타일 아웃로그인 스킨(?) file ADMINPLAY 2012-01-16 11840
12 Tip 효율적으로 디비 쿼리수 줄이기 Tip ADMINPLAY 2012-01-16 8021
11 플러그인 코멘트 Ajax 처리 - 아직도 코멘트(댓글)쓰고 전체 페이지 로딩되나요? ADMINPLAY 2012-01-16 16639
10 플러그인 게시물 순위를 이전과 비교해서 등수 출력 file ADMINPLAY 2012-01-16 11500
9 플러그인 게시판의 정렬을 이용한 최신글 file ADMINPLAY 2012-01-16 28516
8 플러그인 그누보드 내글 모니터 (쿠키 및 구글 스타일 변환) file ADMINPLAY 2012-01-16 13178

Copyright ADMINPLAY corp. All rights reserved.

abcXYZ, 세종대왕,1234

abcXYZ, 세종대왕,1234