on:2015年2月24日sponsorsピザのように切り分けたパイ状のナビゲーション、水平でも垂直でもない回転を取り入れたタブ、アイコンをクリック(タップ)するとぐるぐるっとアイテムが表示されるなど、回転を使った面白いナビゲーションを実装できるスクリプトを紹介します。-GitHubwheelnav.jsのデモwheelnav.jsの使い方wheelnav.jsのデモデモは、デスクトップ・スマホのSVG対応のメジャーブラウザ全てで動作します。あるデモからいくつかGIFアニメーションにしてみました。coreピザのように切り分けられたパイ状のナビゲーション。回転するだけでなく、中身もそれに合ったアニメーションで動きます。tab回転を使ったタブ。menuアイコンをクリック(タップ)すると、バウンドしながらパイ状に広がります。省スペース用のシェアボタンとかにしてもよさそうです。外部ファイル当スクリプトとRaphaël.jsを外部ファイルとして記述します。HTMLナビゲーションを配置する空divを用意します。JavaScriptスクリプトでナビゲーションのスタイルや動きを定義します。"refresh"詳しい実装方法は、下記ページをご覧ください。