더 이상 이 블로그는 운영되지 않습니다. 새 블로그로 가 주세요.
드디어 모질라 웹 사이트 리뉴얼!
2004/09/03 PM 06:52 | [옛글] 사건사고소식들 | 4 comments | 0 trackbacks | AllBlog: vote, to pocket
* Mozilla new website is now live (LikeJAzz)에 트랙백을 보낸 글입니다.
드디어 베타였던 모질라 새 웹 사이트가 정식으로 리뉴얼되었습니다. 스타일이 전체적으로 많이 바뀌었는데, 특히 전체적인 색상이나 스타일이 많이 바뀌었군요 :)
소스를 보시면 알겠지만 정확하게 HTML 4.01에 맞는 페이지를 사용하고 있습니다. 또한 대부분의 디자인이 CSS로 되어 있으며, 여러 가지 팁을 사용하고 있습니다. 예를 들어서 둥근 테두리를 CSS만으로 구현하는 것이나, 브라우저들의 버그를 피해 가기 위한 전형적인 방법 등등 볼 만한 것들이 많습니다. 무엇보다도 스타일 시트가 없어도 볼 건 다 볼 수 있다는 점에서 웹 접근성은 만점이군요. ;) 뭐 원래부터 이런 사이트들은 표준 잘 지키고 웹 접근성 높으니...
아... 입시 끝나면 저도 빨리 XHTML 1.1 기반으로 누리집 갈아 엎어야 겠습니다. 흐흐흐... 덤으로 모질라 한글 사이트도 리뉴얼 했으면 좋겠군요.
덧. CSS만으로 디자인이 가능하냐고 물으시는 분께는 CSS Zen Garden을 한 번 둘러 볼 것을 추천합니다.
TrackBack URL: http://sapzil.info/soojung/trackback.php?blogid=459
Comment: 토끼군 (2004/09/04 AM 12:55)
Reidin: 2단 혹은 3단 편집이라면 Little Boxes를 참고하시면 될 것 같습니다. (몇몇 브라우저들의 버그를 피해 가기 위해서 CSS가 길어지긴 하는데, 이 버그들이 대부분 몇 픽셀 차이 난다던지 하는 거라서 사실 어려운 건 아닙니다. 뭐 저렇게 정형화시킨 패턴을 많이 쓰더군요.) 그리고 CSS2의 지원 문제는 제각각이라고 하셨지만 사실 몇몇 특징적인 부분(border를 width에 포함하느냐 마느냐 같은...)을 빼고는 대부분의 브라우저가 거의 같은 결과를 출력하는 걸로 알고 있습니다. 물론 이 문제들을 피해 갈 방법도 있으며, CSS2를 안 쓰고 CSS1만으로도 충분히 그만한 효과를 낼 수 있습니다. 음... 물론 CSS만 써서 디자인을 완전히 독립하는 것이 권장되기는 합니다. (웹 접근성 면에서나 여러 가지로 잇점이 있고, W3C에서도 권장하고 있습니다.) 하지만 말씀하신 것처럼 적절한 선에서 디자인을 표현하기 위해서 HTML를 사용하는 데 반대하는 건 아닙니다. 우리나라 사이트들처럼 테이블 겹쳐 쓰기 신공-_-까지만 아니라면, 디자인을 위해서 커다란 테이블 하나 정도 쓰는 게 문제가 되지는 않는다고 생각합니다. (하지만 저라면 CSS로 하려고 애를 쓰겠죠 ;)
Comment: Reidin (2004/09/04 PM 07:23)
앗 그런 방법이 있었군요. position을 absolute로 두면 div 개체를 나란히 놓을 수 있다는걸 생각 못했네요. 쩝;;;; (어쨌든 테이블 줄이는데 성공~) 좋은 팁 감사합니다. (지금 써먹는 중) 저도 테이블 안쓰려고 기존에 거의 한달동안 만들어오던 디자인을 갈아엎었습니다. 예외라면... 게시판 목록 부분 정도죠. (게시판 목록은 말 그대로 "표"형식이니까 테이블을 사용해야겠죠)
Comment: 인클루드 (2004/09/05 AM 01:19)
솔직히... 메인에 스쳐가는 FireFox 의 스샷이 윈도우 XP 에서 찍은 것이라는 것이 약간 슬픕니다.
Comment: Reidin (2004/09/03 PM 07:28)
CSS로만 가능하다는 주장에는 전 "NO!"라는 이야기를 던져주고 싶습니다. 물론 블로그나 개인홈페이지는 가능할 지 모르겠지만, 사이트가 약간만 더 복잡해진다면 CSS만으로 짜는건 비효율적이 되더군요. 실제로 해봤는데 Only CSS는 불가능하거나, 아주 비효율적인 코드를 양산해내대더군요. (한 예로, 본문을 2단이나 3단 편집을 할 경우에는 도저히 CSS만으로는 어렵더군요)
른 문제는 CSS2 지원이 브라우저마다 제각각이라는겁니다. CSS2를 해석해내는것부터 시작해서, 지원하지 못하는 CSS2도 있습니다. (한 예로, CSS2 표준인 text-shadow는 모질라에서는 아예 지원조차 못하고 있고, 익플에서는 filter라는 전혀 다른 구문으로 표현합니다.) 이런 점 때문에 CSS로만 짜게 되면 한 브라우저에서는 잘 보이는게 다른 브라우저에서는 엉망진창이 되는 경우도 생기더군요.
제만 어떻게 해결이 된다면 CSS만 사용해볼 수도 있겠지만 아직은 꽤 힘들더군요.