サジェスト等、多機能なタグ入力UI実装jQueryプラグイン「jquery-tagger」:phpspot開発日誌
GitHub - Fivium/jquery-tagger: jQuery plugin to turn a HTML select into an auto-suggesting, tagging widget サジェスト等、多機能なタグ入力UI実装jQueryプラグイン「jquery-tagger」 JSONやAjaxからアイテムをサジェストして表示可能。単一or複数選択等、調整も可能。 関連エントリ タグの修正で簡単にUIを変更できるAudioPlayer実装jQueryプラグイン「snd」 selectタグの機能を大幅に向上させる「selectivity」 タグによってアイテムをフィルタする仕組みを提供するjQueryプラグイン「Tagsort」
Like/Dislikeの機能をサクッと実装できるjQueryプラグイン「like-dislike」:phpspot開発日誌
GitHub - uagrace/like-dislike: JQuery rating plugin Like/Dislikeの機能をサクッと実装できるjQueryプラグイン「like-dislike」 Youtube等である機能を簡単に実装できます。設定はローカルストレージに保存しつつ、サーバ側にもデータを送るというタイプのようですのでサーバ側の実装が別途必要になります。 関連エントリ 自動でCSS背景画像をスクロールさせるjQueryプラグイン「jQuery.BackgroundScroll.js」 textareaに行番号を付けられるjQueryプラグイン モダンな年・月ピッカーjQueryプラグインを実装するチュートリアル
サイトのロゴ等をプログレスバーにすることができるjQueryプラグイン「LoadGo」:phpspot開発日誌
LoadGo - Your own images as a progress bar サイトのロゴ等をプログレスバーにすることができるjQueryプラグイン「LoadGo」 たまにみかけるサイトのロゴ自体をプログレスバーにしてローディング状態を表示する機能を実装できます。 よりブランドについてユーザの方に認知してもらいたいというような場合に、そして単純にカッコイイということで使えそうです 関連エントリ フラットデザインでレスポンシブなプログレスバー作成「ProgressBar.js」 スクロールに合わせてプログレスバーを表示して進捗を分かりやすくする「Scrolling Progress Bar」 アニメーションするPOPなデザインのプログレスバー実装jQueryプラグイン「jQMeter」
モダンでかっこいいページ遷移アニメーションサンプル:phpspot開発日誌
Animated Page Transition in Ajax | CodyHouse モダンでかっこいいページ遷移アニメーションサンプル。 ページを切り替える際にアニメーション付きでコンテンツを切り替えるデモです。 URLも変わるのですがそれを全く意識させないアニメーションが地味に凄いです。 関連エントリ CSS＆jQueryで作るパネル型の3Dナビゲーション作成サンプル フルスクリーンでタッチデバイスでも使いやすいナビゲーションメニュー実装 Parallaxで写真等を立体的に表現するデモ クールでモダンなコンタクトフォームのデモ＆サンプルスクリプト
円、線、棒グラフを描画できるシンプルなチャートライブラリ「cssCharts.js」:phpspot開発日誌
sultantarimo/cssCharts.js GitHub 円、線、棒グラフを描画できるシンプルなチャートライブラリ「cssCharts.js」 シンプルなグラフ描画とインタラクティブ機能があるのみのグラフライブラリ。多機能すぎるライブラリが苦手な場合はこういうのも便利そうです デザインがフラットな点も特徴。 関連エントリ かなり豊富な種類のグラフを描画できる「ECharts」 Analytics風のモダンでインタラクティブなグラフを描画できる「MetricsGraphics.js」 グラフも描けるスプレッドシート作成jQueryプラグイン「jQuery.sheet」 テーブルをGoogle Chartsを使って多様なグラフに変換することが出来る「Chartinator」
オートコンプリート可能なプルダウン実装「jquery.ajax-combobox」:phpspot開発日誌
sutara79/jquery.ajax-combobox GitHub オートコンプリート可能なプルダウン実装「jquery.ajax-combobox」。 選択肢が膨大にあっても対応可能なプルダウンを実装できます 関連エントリ selectボックスにアイコンを付けて分かりやすくできるjQueryプラグイン「wSelect」 項目の多いselectをインクリメンタル検索形式に変換できるjQueryプラグイン「flexselect」 selectの複数選択のUIをサジェスト方式に変えるjQueryプラグイン「easySelect」 フラットなクールデザインのselectを実装できる「Select or Die」 selectボックスをスマホネイティブ風にフルスクリーン化する「Bootstrap-fullscreen-select」
JavaScriptで動画やWebcamからGIFアニメを作れる「gifshot」:phpspot開発日誌
gifshot - JavaScript library that can create animated GIFs from media streams, videos, or images JavaScriptで動画やWebcamからGIFアニメを作れる「gifshot」 ブラウザ上で動画や画像を読み込んで、GIFアニメに変換できるライブラリ。 GIFアニメなら<img>からお手軽に使えて使いやすいですし、再生できる端末も多いということで、サービスづくりに活用出来るかもしれません。 関連エントリ GIFアニメーションに再生ボタンを付けてYoutubeっぽく再生できる「gifplayer」
画像表示をレスポンシブ対応にするjQueryプラグイン「Data Img」:phpspot開発日誌
Data Img - Two Blokes 画像表示をレスポンシブ対応にするjQueryプラグイン「Data Img」 単に横方向に拡大・縮小するだけのレスポンシブ対応ならCSSで出来ますが（Bootstrapのimg-responsiveみたく）、 幅に応じて複数の画像を切り替えたいような場合に、使えます。単なる縮小だと文字が小さくなりすぎて読めないなんて場合に別の画像を使うことも考えられますが、そういったケースに使えるプラグインとなります マークアップ的には次のように複数の画像を指定してプラグイン初期化する感じの使い方みたいです 関連エントリ レスポンシブでモバイルフレンドリなツールチップ実装ライブラリ「Mobile-Friendly Tooltip」 レスポンシブで何でも埋め込めるLightBox実装jQueryプラグイン「VenoBox」 レスポンシブかつフラットなソーシャルボタン
スクロールにより積み重なるナビゲーションヘッダーを作れる「Slinky.js」:phpspot開発日誌
Slinky.js スクロールにより積み重なるナビゲーションヘッダーを作れる「Slinky.js」 説明が難しいのですが、動作はデモを見てみて下さい。 今どこを見ているのかが分かりやすくちょっと新しいナビゲーションが実装できます 関連エントリ ドットによるナビゲーションのクールなサンプル集 スクロール後、ナビゲーションをページトップに固定するjQueryプラグイン「stickUp」 クールな円形ナビゲーションを作るチュートリアル スクロールすると上に固定される一見普通のナビゲーション実装jQueryプラグイン「SMINT」 レスポンシブなナビゲーションメニュー作成用jQueryプラグイン「Naver」
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
マテリアルデザインのPullして更新をWEB上で実現できるjQueryプラグイン:phpspot開発日誌
人員のスケジュールを並べてタイムライン表示できる「schedulerjs」:phpspot開発日誌
画面上で文字をタイプしている風のエフェクトが作れるjQueryプラグイン「typetype」:phpspot開発日誌
ページ内のローディングをもっとオシャレにできる「Progress.js」:phpspot開発日誌