[JS]このホバーエフェクト楽しい！シールのようにぺらっとめくるスクリプト -Sticker.js | コリス

2014/02/17 125 users コリス jQuery ホバーエフェクト スクリプト ぺら

写真画像やアイコンなどを配置したベタ塗りのボタンなどをサークル状にし、ホバーするとシールのようにぺらっとめくれるようにするスクリプトを紹介します。 実装は非常に簡単で、jQueryなどの他のスクリプトは必要ありません。 Sticker.js Sticker.js -GitHub Sticker.jsのデモ Sticker.jsの使い方 Sticker.jsのデモ デモはChrome, Safari... 続きを読む

商用利用無料、スマフォ向けユーザインターフェイスの引き出しを増やすPSD素材 -Flatastic Mobile UI Kit | コリス

2013/12/05 115 users コリス psd 区分け PSD素材 エレメント

ソリッドなライン、半透明のパネル、サークル状のエレメント、囲み線を使わない情報の区分けなど、美しくデザインされたスマフォ用のUI要素が100以上揃っており、しかも使用しているフォントやアイコンもセットになっているPSD素材を紹介します。 Flatastic Mobile UI Kit ダウンロードできる素材のフォーマットはPSDが2種類。 .psd (Retina Display) .psd (S... 続きを読む

[JS]さまざまな動きが楽しくてかわいい、サークル状のナビゲーションを実装するスクリプト -Circle Menu | コリス

2012/01/18 100 users コリス スクリプト ナビゲーション Timing HTML

デモページ: Timing, Reversed 上のデモでの逆順です。 Circle Menuの使い方 HTML 各アイテムはリスト要素です。 <ul> <li><a href="#">+</a></li> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#"... 続きを読む