Team TomoriNaoのサイトの秘密

こちらは友利奈緒 Advent Calendar 2016 - Adventar 17日目の記事です。

TomoriNao

昨年のこの時期、ふとした思いつきからTeam TomoriNaoというホワイトハッカー（死語？）チームが生まれました。 皆さんもご覧に入れたことがあると思いますが、トップの画像のようなチームロゴを掲げています。 このトップの画像はロゴとして用意した公式のものではなく、Team TomoriNaoのWebサイトのスクリーンキャプチャです。

Team TomoriNao

Team TomoriNaoのWebサイトは、JavaScript を使用せずにいろいろなアニメーションやアクションを実装しているのをご存知ですか？ このちょっとした仕掛けを今回は紹介していきたいと思います。

目次

まとめ

悪意のある広告にJavaScriptが利用されていたり、JavaScriptが複雑化しページの表示が重くなる一方の2016年。 2017年はNo-JSが叫ばれ、JavaScriptなしで如何にきれいにサイトを表現するかを考えさせられるかもしれません。 また、きれいな表示にかかせないアニメーションにJavaScriptを用いる時代ではなくなっています。 みなさんの管理するWebサイトでまさかjQueryをつかったアニメーションなどは利用していないと思いますが、 一度、CSS3やSMILでNo-JSなアニメーションを真剣に考えてみてはいかがでしょうか。