끝내주는 웹사이트
원문의 다소 거친 표현 뒤에 숨겨진 본질에 집중하라는 철학에 집중해 격조 있고 우아한 문체로 번역했다.
이것은 웹사이트입니다. 그리고 완벽합니다. 여기에 무엇을 더 보태는 게 과연 가능이나 할까요?
그대는 웹사이트를 빚어내며 자신의 작업물이 특별한 영혼을 담고 있다고 믿고 있을지 모릅니다. 13메가바이트에 달하는 화려한 패럴랙스 효과가 ‘오늘의 웹사이트’라는 훈장을 안겨주리라 기대하겠지요. 하지만 냉정히 말해 그것은 비대한 허영에 불과합니다. 구식 웹브라우저에 굳이 그림자 효과를 입히려 수십 가지 라이브러리를 동원하는 모습은 촛불 하나를 밝히기 위해 원자력 발전소를 가동하려는 집착처럼 비칠 뿐입니다.
진정으로 고귀한 웹사이트는 다음과 같은 덕목을 지닙니다.
- 민첩함: 가볍기에 그 무엇보다 기민하게 로드됩니다.
- 유연함: 세상의 그 어떤 화면 앞에서도 겸허히 자신을 맞춥니다.
- 보편함: 웹 브라우저의 출신을 가리지 않고 변함없는 가치를 선사합니다.
- 자애로움: 그 어떤 방문자도 소외시키지 않는 따뜻한 접근성을 지녔습니다.
- 명료함: 힙스터들의 고해상도 사진이라는 안개 뒤로 숨지 않고, 오직 정직한 텍스트로 본질을 꿰뚫습니다.
조금 무례할지 모르나 고백하건대, 그대는 지금 본질을 넘어선 ‘과잉의 미학’에 심취해 있습니다.
이 웹 페이지를 잠시 바라보세요. 이것이 바로 웹사이트의 원형입니다. 무의미한 깃발 배너에 생동감을 불어넣겠다며 허비한 시간과 데이터는 정작 태블릿을 쥔 사용자나 앞이 보이지 않는 이들에게는 공허한 소음일 뿐입니다. 오히려 그들이 진실에 도달하는 길을 가로막는 무거운 커튼이죠. 우리가 망각해온 이상적인 웹사이트는 바로 이런 모습입니다.
고귀할 정도의 경량
이 웹 페이지 전체의 무게는 워드프레스로 동작하는 그대의 웹사이트에 박힌 로고 이미지 하나보다 가볍습니다. 배경색을 바꾸는 찰나의 효과를 위해, 또는 “안녕하세요.” 같은 짧은 인사를 전하기 위해 거대한 라이브러리와 수많은 웹폰트를 불러오는 것은 한 잔의 물을 담아내기 위해 대운하를 설계하는 것과 다름없는 자원 낭비, 또는 과도한 성실함입니다.
성숙한 이의 반응형
‘반응형’이라는 말의 본질은 미디어 쿼리(Media Query)의 기술적 구현에 있지 않습니다. 어떤 크기의 화면에서도 콘텐츠가 스스로를 적응시키는 유연한 태도에 있습니다. 이 웹 페이지는 기기의 종류를 가리지 않고 오직 독자의 시선에만 집중합니다.
본연의 침묵과 외침
이곳의 문장은 선명하고 단단하게 읽힙니다. 구조는 논리적이며, HTML5 태그는 웹 브라우저와 사용자에게 콘텐츠의 의미를 우아하게 귀띔합니다. 이것이 바로 우리가 추구해야 할 ‘시맨틱’의 미학입니다.
스크롤의 화려함을 뽐내기 위해 콘텐츠를 수많은 화면 뒤로 숨기지 마세요. 사용자의 인내심을 시험하는 클릭 대신, 가장 정직하고 예의 바른 방식으로 정보를 건네주세요.
이것이 웹사이트입니다. 수염을 한 번도 깎지 않은 사람이 자신의 진정한 얼굴을 모르듯 그대도 화려한 장식에 가려진 웹의 본모습을 잊고 있었을지 모릅니다. 이 웹사이트는 메시지를 전달한다는 본연의 목적만 남긴 가장 순수하고 아름다운 결정체입니다.
이것은 미학적 풍자입니다
물론 모든 웹 페이지, 나아가 웹사이트가 이처럼 무채색 장삼을 입은 승려 같아야 한다는 뜻은 아닙니다. 다만 우리가 겪는 웹의 수많은 고통이 사실 우리 스스로 만든 과잉에서 비롯했음을 상기시키고 싶을 뿐입니다. 웹은 본래 망가져 있지 않습니다. 본래 기능적이고, 효율적이며, 모두에게 다정합니다.
그 본질을 훼손하고 있는 것은 어쩌면 창작자 본인의 지나친 열정일지 모릅니다.
좋은 디자인은 가능한 한 최소한으로 디자인하는 것이다.
—어느 현명한 독일 신사
한편, ‘끝내주는 웹사이트’를 통해 몇 가지 웹사이트가 만들어졌다.
- Better Motherfucking Website: “그래, 좋아. 미니멀한 건 알겠는데 가독성은 좀 챙기자.”라고 주장하며 딱 7줄의 CSS만 추가해 훨씬 읽기 편한 디자인을 제안한다.
- Even Better Motherfucking Website: 다크 모드 지원 여부 등 현대적인 웹 표준을 조금 더 고려한 버전.
- The Best Motherfucking Website: 위 사이트들의 논쟁을 집대성해 가장 완벽한 형태의 미니멀 웹이 무엇인지 보여준다.
