3D transformsを使った効果的な折りたたみ表現を与えられる「meny.js」
twitter facebook hatena google pocket 要素を隠しておいて、マウスオーバーで表現という手法は多いです。 今回紹介するMeny - CSS 3D fold-in menu conceptもそのひとつですが、表現が印象的で目立つものとなっています。 ※CSS3のtransformsを利用しているためブラウザにより表現ができないことがあります sponsors 使用方法 hakimel/Menyからファイル一式をダウンロード。 head内にCSSを。 <link rel="stylesheet" href="meny.css" /> </body>直上にjsを記述します。 <script type="text/javascript" src="meny.js"></script> 最後に本文を以下のように記述していきます。 <div class="meny">
CSS3やCanvas、JS等を使ったローディング画像実装プラグイン１２:phpspot開発日誌
12 Free jQuery Pre-Loader Plugins CSS3やCanvas、JS等を使ったローディング画像実装プラグイン１２がまとまっています。 画像の種類が色々ある上に実装方法も、単なる画像ではない方法が選べます。 画像じゃない方法でローディング画像を実装したい場合は参考にするとよさそう。 画像ではないため、軽量でレスポンシブなサイトにも使えるというところですかね 関連エントリ 超カッコいいローディングを実現できるjQueryプラグイン「Percentage Loader」 HTML5ゲームに使えるローディング表示機能付きプレロード用JSライブラリ「PxLoader」 画像や外部CSSなしでカスタマイズ可能なローディング画像作成ライブラリ「spin.js」
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
