티스토리 뷰

텍스트만으로 모든 것을 설명하고자한다  


무심코 글이 많아지는 경향이있다. 


그러나 단축시키면 너무 전해지지 않게되어 버립니다. 


균형이 중요하지만, 그것은 종이와 같은 정적 텍스트의 경우라고 할 수 있습니다. 


Web이면 더 동적으로 사용자 조작에 따라 콘텐츠를 제공 할 수도있을 것입니다. 


그래서 사용해보고 싶은 것이 Expounder입니다.



Expounder 사용법


Expounder 데모입니다.




밑줄이있는 문자를 클릭하면 내용이 추가됩니다. 


주로 단어의 설명이거나 보충하는 내용을 표시 할 수 있습니다. 


단어를 이미 알고있는 사람에게하면 중복적인 설명은 필요 없으며 


툴팁처럼 마우스를 맞추고 않아도되는 것이 편리합니다. 


문장은 다음과 같이 준비합니다.



  1. In the land of Mordor, in the fires of <span data-expounder="mount-doom">Mount
  2. Doom</span>, the Dark Lord Sauron forged in secret, a master ring, to control
  3. all others.
  4. <div data-expounded="mount-doom">Mount Doom is that big-ass mountain over there
  5. with the fires coming out of it.</div>



효과적인 방법이으로 Web상에서의 문장을 표현할 수있을 것입니다. 


Expounder는 JavaScript로 만든 오픈 소스 소프트웨어 (MIT License)입니다.



Expounder

skorokithakis/expounder: A library for explaining things in HTML.


댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함