리뉴얼 (renewal), 개편 하면 확 뜯어 고친다라는 인식을 갖고 있습니다.
사이트 이용자들의 문화 충격은 고려대상이 아니죠.
몇 달째 유튜브 페이지를 보면서 느끼는 것이 많이 있습니다.

youtube 동영상 페이지

youtube 동영상 페이지

좌측 상단의 연노랑 띠를 보면 다음과 같은 링크가 있습니다.
Try out the NEW (beta) version of this page!
사용자 삽입 이미지

그 링크를 클릭하면 다음과 같이 새로 디자인된 페이지로 바뀝니다. 제 기억으로는 두 달이 넘은 것 같습니다. 같은 위치에는 예전 디자인으로 가는 링크와 피드백을 남길 수 있는 링크가 준비되어있습니다.
youtube 새로운 디자인

youtube 새로운 디자인


웹 페이지는 끊임없이 변화가 가능한 특성이 있습니다. 다른 애플리케이션과 다른 관리방법이 적용되어야 합니다. 사이트 이용자들과 상호작용하면서 새로운 페이지를 같이 만들어 가는 것이 어떨지 생각해봅니다.

과격한 변화에는 많은 희생이 따릅니다.
firebug CSS Layout
firebug css layout tab

firebug css layout tab


간만에 올리는 firebug 관련 글입니다. 우측의 Style , Layout , DOM 에서 Layout 으로 했을 경우 좌측 html 태그 선택에 따라서 상단 view 영역의 색상이 표시가 됩니다. 그리고 pixel 단위의 화면 자(screen ruler)도 보이고, 마진margin은 노란색으로 패딩padding은 보라색으로 표시됩니다.
Layout 에 해당 숫자는 변경할 수 있고, 라이브로 위에 변경내용이 보입니다. 물론 서버에서 돌아가는 코드는 여기서 얻어진 수치를 바탕으로 직접 수정해야겠죠. ^^;

조사하면 다 나와 버튼 아시죠. 개똥벌레(firebug) 이미지 옆에 Inspect , 이거 클릭하고 상단에 마우스를 움직일 때마다 해당영역의 코드와 Layout을 볼 수 있습니다.

간만에 UI 작업하면서 짧게 포스팅합니다. 

+ Recent posts