Luxbar Demo CSSオンリーでレスポンシブかつ軽量なナビゲーションバー実装「Luxbar」 JSをつかっていませんが、無理矢理感ももなくすんなり動いてくれます 関連エントリ Bootstrapのナビゲーションバーをお好みにカスタマイズできる「Bootsnav」 「stripe.com」のようなモダンで美しいレスポンシブなナビゲーション実装サンプル コンテンツナビゲーションと進捗を合わせた新しいナビゲーションアイデア「Progress Nav」
GitHub - sarcadass/granim.js: Create fluid and interactive gradients animations with this small (< 10 kB) js library. 滑らかなグラデーションのアニメーションを生成できる「granim.js」 文字や背景等を単にグラデーションでかけるだけではなくアニメーションさせたりクリックに応じて切り替えたりすることが出来ます。 10KB以下の軽量ライブラリでお手軽に使えそうです 関連エントリ 画像背景にマッチするグラデーションを作ってくれる「Grade.js」 テキストのグラデーションを表現するReactコンポーネント「React Text Gradient」
Modal plugin written in pure JavaScript - Tingle シンプルかつモダンな依存性のないモーダル実装「Tingle」 シンプルでありながら必要最低限の機能は盛り込まれており汎用性が高そうなモーダル実装ができます。 スクロールするような大きなコンテンツをはめこむのもOK 関連エントリ どこかで見たようなモーダルダイアログの実装「draggable-google-modal」 Bootstrapのモーダルダイアログを通知風にページサイドからスライド表示させる「notiModal」
15 CSS Mobile Header Animations Example モバイルページのヘッダーデザイン15サンプル集。 ハンバーガーメニューのアニメーションの種類が15種類つまったサンプル集です。 アプリっぽくアニメーションするものも豊富にあって実用的。 関連エントリ ページサイドにセクションのナビゲーションを自動生成する「Section Scroll」 特定要素をスクロールに応じて固定ナビゲーションにできる「Clingify」 CSS、jQueryでレスポンシブな高品質サイドバーナビゲーションを作成するデモ 画面サイズ目一杯使えるレスポンシブなナビゲーションメニュー実装「okayNav」
Home - jQuery.smoothState.js ページ遷移をアプリっぽくすることができる「jQuery.smoothState.js」 WEBページというと画面遷移で一旦画面がクリアされて再描画されるため、アプリっぽい体験にすることは通常難しいですが、こちらのプラグインを使って、よりアプリっぽいWEBページ作りが出来ます。 ページ遷移後はURLもa.html→b.htmlのように変わるため、ブックマークやSEO的にも問題のないWEBページ作りに役立てられます 関連エントリ ページ遷移を意識させないアニメーションによるページ切り替え効果実装 モダンでかっこいいページ遷移アニメーションサンプル
30 CSS Hover Effects For Buttons | Simbyone.com CSSホバーエフェクトの30のネタ帳 あまり見たことのないようなホバーエフェクトが30も紹介されています。ちょっと変わったホバーエフェクトを作りたい場合に参考にできそう 関連エントリ BootstrapのDropdownメニューをホバーで開くように出来るプラグイン「bootstrap-hover-dropdown」 次世代のCSSホバーエフェクト全部のせ「iHover」 SVG、Canvasを使った次世代のテキストホバーエフェクト集 アンカーにホバーすると全画面でGIFアニメーションが再生される「GifLinks」 ホバーするとフリップするナビゲーションメニューが実装できる「menuFlip」
Tagsort jQuery Plugin - Will Haering タグによってアイテムをフィルタする仕組みを提供するjQueryプラグイン「Tagsort」 divのattrにtagを設定しておけば、簡単にアイテムのフィルタリングを可能にするUIが組めます。 クライアントに一括で吐き出して、クライアント側でフィルタする、という効率的な方法を実施したい場合に使えそうです 関連エントリ アバター専用のpickerを実装できるjQueryプラグイン「Tapatar」 サイトのロゴ等をプログレスバーにすることができるjQueryプラグイン「LoadGo」 背景色にブラーをかけて今っぽくするjQueryプラグイン「Background Blur」 背景色をなめらかに変更できるjQueryプラグイン「Spectrum」
jQuery lightGallery 必要な機能は全部入ったモダンなLightBox実装jQueryプラグイン「lightGallery」 軽量、カスタマイズ可能、レスポンシブ、全画面、ズーム、自動再生等、全機能そろったlightbox実装。 これからlightbox実装をするならこういった物が選択肢になってきそう 関連エントリ レスポンシブで軽量なLightBox実装「Rebox」 ページサイドにカッコよく表示できるLightBox「Strip」 レスポンシブで全画面やズーム表示に対応したLightBox実装「Chocolat」 シンプルで必要最低限だけどレスポンシブなLightBox実装「lighterbox」
3D Bold Navigation in CSS and jQuery | CodyHouse レスポンシブで大きめの押しやすいサイドバーを実装するデモ。 クリックする前は普通のハンバーガーメニューですが、クリックすると大きく開いて押しやすいサイドバーのデモです。 立体的な表現やアニメーション等、芸が細かくて実用的なものがDLしてすぐ使えます 関連エントリ 上下左右に表示できるサイドバー実装jQueryプラグイン「Sidebar」
Animated Page Transition in Ajax | CodyHouse モダンでかっこいいページ遷移アニメーションサンプル。 ページを切り替える際にアニメーション付きでコンテンツを切り替えるデモです。 URLも変わるのですがそれを全く意識させないアニメーションが地味に凄いです。 関連エントリ CSS&jQueryで作るパネル型の3Dナビゲーション作成サンプル フルスクリーンでタッチデバイスでも使いやすいナビゲーションメニュー実装 Parallaxで写真等を立体的に表現するデモ クールでモダンなコンタクトフォームのデモ&サンプルスクリプト
Mike Allison - jTableScroll ヘッダ、フッタを固定したテーブルを実装できるjQueryプラグイン「jTableScroll」 テーブルが長くなると、これは何の数値だったかと分からなくなることがよくありますが、ヘッダを固定できるので、そういうことがないようにできます。 thead,tfootで定義をしておけばあとはこのプラグインで初期化するだけです。 関連エントリ 高機能&高速なテーブル実装jQueryプラグイン「WATable」 テーブル内容の編集がその場で出来て便利になる「jQuery-Tabledit」 HTMLテーブルを JSON、XML、PNG、CSV、PDFなどあらゆる形式に変換できる「HTML table Export」 ブラウザ内で50万件のテーブルもサクサクで表示できるようにする「Clusterize.js」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く