Cinnamon.jsはHTMLコードに検索キーワードを埋め込むことでよりユーザビリティの高いページ内検索を提供します。 Webブラウザでページ内検索を行うことは多いと思いますが、あくまでも表面上のテキストに対してしか検索できません。その垣根を越えて、別なワードを仕込めるようにするのがCinnamon.jsです。 Twitterでページ内検索するとTwitterアカウント名がハイライトされています。 メールで検索するとReachという部分がハイライト。 こんな感じでdata-*に仕込んであります。 Spriceというワードに反応する場所も。 Cinnamon.jsはdata-*を使ってキーワードを仕込むことができます。例えば画像のaltを検索ワードに入れておけば、ページ内検索においてハイライトさせられるようになります。また、メールという検索ワードに対してメールアドレス部分をハイライトさせる