
Microsoft 사이트의 리뉴얼소식에 이어 모질라재단의 사이트 리뉴얼소식을 전합니다.
베타사이트를 운영하며 피드백을 받던 모질라재단이 때마침 경쟁관계에 있는 Microsoft 가 리뉴얼을 시행한 시기에 발맞추어 리뉴얼을 단행한점이 재미있습니다.
컨셉은 Microsoft 와 비슷합니다. 가장 눈에 띄는 상단 전면을 할애하여 모질라재단의 주력상품을 소개하고 그 아래로 다른제품소개와 공지, 뉴스를 배치하였습니다.
단순히 주제만 나열한 Microsoft 와 달리 뉴스제목과 소개글을 기재하여 단어수가 적지 않지만 Microsoft 에 비해 배치된 주제가 적어 깔끔함을 느낄수 있습니다.
표준을 지키지 않았던 Microsoft 와 달리 사용된 html 은 완벽한 W3C 의 표준을 준수하는 HTML 4.01 Strict 로 구성되어 있습니다.
이번달 와이어드에서는 매월 토막기사로 전하는 Wired/Tired/Expired 에서 Firefox 를 Wired 로 선정하는 영광까지 선사하였네요.

올해말까지 20% 의 시장점유를 보일것이라는 돈박님의 예견이 들어맞을지, 1.0 정식릴리즈를 코앞에 두고 있는 Firefox 와 모질라재단의 선전을 기대해봅니다.
--
이번에도 아직 리뉴얼전인 한국 모질라 사이트와 비교해볼까요 ?
석찬님 한국 모질라 사이트는 언제 리뉴얼하나요 ? :P


코멘트
요즘 저런 사이트들 리뉴얼을 보면, 가독성과 표준 지키기 등이 추세인 것 같네요.
예전에는 대부분의 사이트들이 정보를 메인에 구구절절 나열하었었는데 구글이 주목받으면서부터 꼭 필요한 정보만 최소화하여 나열하는 식으로 바뀌어가고 있는것같습니다. 바람직한 추세라고 생각됩니다 ^^
우리나라 사이트들도 그런 방향으로 나아 가야 겠죠. 그나저나 제 누리집도 빨리 리뉴얼 해야 하는데... 으으으...
저도 리뉴얼해야지 마음먹고 3개월이나 걸려버렸네요 :P
모질라는 리뉴얼 전에도 Valid 한 mark up 이었죠. 개인적으로는 MS 보다 Moz 사이트가 더 "아름다워" 보이는 군요. ^^
우위를 가리기 힘들정도로 양쪽모두 훌륭한 모습을 보여주고 있습니다 ^^
신현석: 며칠 전에 한 번 website-beta.mozilla.org일 적에 HTML 코드 조금 분석해 봤는데, 몇 가지 팁을 사용하더군요. 예를 들어서 둥근 모양의 테두리라든지 그런 걸 생각지 못 한 방법으로 (큰 투명 이미지에 테두리만 그려 넣고 background 잘 조정해서...) 해결한다던지... 뭐 웹 접근성 같은 건 예전도 좋았고 지금도 좋고... ;)
표준을 사용하면서 다양한 스타일을 구현하는건 블로거닷컴의 템플릿을 한번 참조해보세요. 각종 트릭이 구현되어있더군요.
어떤팁인지 궁금해서 소스를 봤더니 수도클래스를 사용했군요! 감동! 단 IE5 에서는 사이트가 제대로 나오지 않는 군요. 업무상 IE5 까지 항상 생각해야 하다 보니 저런 창조적인 생각이 나오지 않고 스스로 막혀 버리는 느낌이 많이 듭니다. 자극 받고 좀더 열심히 공부 해야 겠네요...^^
수도클래스가 뭔지 저도 잘 모르겠네요. 모질라사이트가 IE5 에서는 제대로 나오지 않나요 ?
psuedo-class가 아마 :after, :before 이런 것들을 말하는 걸겁니다. 블로거닷컴은 시간 나는 대로 분석(?)해 봐야 겠군요.
그런 스타일을 직접 사용하기도 하는군요. 저도 한번 분석(?)해봐야 겠습니다.
엄... 스크린캡춰 말인데요, 어떻게 아래 그림처럼 길게 잡죠? [궁금궁금] =)
SnagIt 을 사용하시면됩니다.
http://www.techsmith.com/products/snagit/
한글 모질라 사이트 리뉴얼 했군요. :)
http://www.mozilla.or.kr/
네 모질라영문과 동일하게 리뉴얼했네요 :)