その他
【Four Shadows】時間に応じて影の向きを変化させるjQueryプラグイン

Lisence

MITライセンス

※ライセンスが変更される可能性がありますので、使用される際は必ずご自身でご確認ください。

Browser

01.Firefox02.Chrome03.Opera04.Safari08.InternetExplorer909.InternetExplorer10

Tag

時間変化

設置方法などの参考ページ

http://www.skuare.net/2014/11/jqueryfour_shadows.html

Four Shadows – 時間に応じて影の向きを変化させるデザイン

http://www.moongift.jp/2014/12/four-shadows-%E6%99%82%E9%96%93%E3%81%AB%E5%BF%9C%E3%81%98%E3%81%A6%E5%BD%B1%E3%81%AE%E5%90%91%E3%81%8D%E3%82%92%E5%A4%89%E5%8C%96%E3%81%95%E3%81%9B%E3%82%8B%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/

フラットUIが流行ですが、完全に真っ平らでは情報の軽重がつけづらいのが欠点です。そこでちょっとした印象付けのために行われるのが影付けです。といってもフラットに直線で、ぼかしなくつけられているのでフラットの雰囲気にはマッチしています。 そんな影を自動で、かつ現在時刻に合わせて変化させる面白いライブラリがFour Shadowsです。 Four Shadowsの使い方 Four Shadowsは全部で4パターン(左右上下の組み合わせ)で影の向きが変化します。それによって時間を表現しています。デザインとして面白いですし、ユーザ自身の時間によって変化するというのはアダプティブWebデザインのようで面白いですね。 Four ShadowsはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 Four Shadows - It’s not always just 5 o’Clock anymore Gigacore/four-shadows

Page Top