from Spoiler Blocker When JS Isn’t Available on Ajaxian

온라인에서 돌아다니면서 가장 열받는 일 중 하나가 스포일러일 것입니다. 그래서 친절하게 "이 이하로는 스포일러가 있음"이라고 쓰기도 하지만 그렇게 되면 스포일러를 제외한 다른 부분도 아예 못 읽게 됩니다.

CSS-Tricks의 Chris Coyier 씨도 비슷한 경험을 했었나 봅니다. jQuery를 이용한 페이드인 스포일러 드러내기 방식을 만들었습니다. 사용자가 클릭해야 가려져있던 스포일러 부분이 나오는 방식입니다. Agile Ajax의 Brian Dillard씨는 이 방식을 꽤나 마음에 들어하면서 RSS리더나 모바일 브라우저에 적용할 수 있겠다라고 생각했습니다.
Coyier씨의 기술에서 드는 걱정은 JavaScript에 대한 의존성과 JavaScript에 의해서만 스포일러가 가려진다는 것이었습니다. 한창 뜨고 있는 RSS와 모바일에서 많은 사람들이 JavaScript 가 지원되지 않는 브라우저에서 글을 읽습니다. 이 사람들도 스포일러로부터 지켜줘야하지 않을까요? 저는 원래의 글에 이런 내용을 댓글로 썼는데, 시험적으로 스스로 코드를 작성해야겠다고 생각했습니다.
Brian Dillard 씨는 JS가 사용불가라도 이용가능하도록 개선한 스포일러 차단기의 본인 버전을 만들었습니다. 원리는 간단합니다. JavaScript가 사용가능할 때는 Coyier 씨처럼 사용하도록 하고 그렇지 않을 때는 상당히 먼 아래쪽에(화면에 나타나지 않을만큼) 스포일러를 두고 클릭하면 스포일러를 표시하는 앵커로 이동하는 것입니다.

데모를 직접 확인해보세요.

TAG ,
Posted by 행복한고니 트랙백 0 : 댓글 0

댓글을 달아 주세요