JSONデータをHTMLフォームに変換し、更にJSONに戻せる「medea」:phpspot開発日誌GitHub - julianbrowne/medea: JSON manager: jQuery plug-in that converts JS & JSON objects to HTML forms and back again JSONデータをHTMLフォームに変換し、更にJSONに戻せる「medea」 JSONデータの見たまま編集が簡単に実現できそうです 関連エントリ JSONデータをタイムラインとして表示してくれる「jQuery-TimelineMe」
ページ遷移をアプリっぽくすることができる「jQuery.smoothState.js」:phpspot開発日誌
Home - jQuery.smoothState.js ページ遷移をアプリっぽくすることができる「jQuery.smoothState.js」 WEBページというと画面遷移で一旦画面がクリアされて再描画されるため、アプリっぽい体験にすることは通常難しいですが、こちらのプラグインを使って、よりアプリっぽいWEBページ作りが出来ます。 ページ遷移後はURLもa.html→b.htmlのように変わるため、ブックマークやSEO的にも問題のないWEBページ作りに役立てられます 関連エントリ ページ遷移を意識させないアニメーションによるページ切り替え効果実装 モダンでかっこいいページ遷移アニメーションサンプル
ページ遷移を意識させないアニメーションによるページ切り替え効果実装:phpspot開発日誌
Animated Page Transition 2 in Ajax | CodyHouse ページ遷移を意識させないアニメーションによるページ切り替え効果実装 Ajaxを使ってはいるものの全くページ遷移を意識させませんが、URLはきっちり切り替わっている所が特徴。 当然きりかわったURLにアクセスしても同じようにページが表示されます。レスポンシブでアプリでも綺麗に表示されるのがいいですね。 iPhoneでみてみたところ枠以外はアプリにしか見えないのが素晴らしい。紙芝居のようなWEBはどんどん過去のものになっていきそう 関連エントリ オートコンプリート可能なプルダウン実装「jquery.ajax-combobox」 サイトのAjax化が簡単になるフレームワーク「intercooler.js」
スクリーンサイズに応じてフォントサイズを変更できるjQueryプラグイン「fontFlex」:phpspot開発日誌
NathanRutzky/jQuery.fontFlex GitHub jQuery.fontFlex スクリーンサイズに応じてフォントサイズを変更できるjQueryプラグイン「fontFlex」 最小、最大、標準のフォントサイズを指定しておけばスクリーンに応じて自動でフォントサイズを調整してくれて便利そう。 body全体、その他、特定エレメントのみ対応することも可能 関連エントリ レスポンシブで何でも埋め込めるLightBox実装jQueryプラグイン「VenoBox」 インライン編集できるテーブル実装用jQueryプラグイン「editable-table」 複数RSSをjQueryでアグリゲートして1ページに表示できるjQueryプラグイン「jQuery Feeds」 ドラッグ＆ドロップで画像をUPできるようにするjQueryプラグイン「JQuery File Uploader」 se
ツールチップ、モーダル、通知等を一手に扱えるjQueryプラグイン「jBox」:phpspot開発日誌
jBox by Stephan Wagner ツールチップ、モーダル、通知等を一手に扱えるjQueryプラグイン「jBox」 これ１つでかなり多機能。ツールチップやモーダル、通知、それぞれに色々なデザインバリエーションがあってデザイン・アニメーション自体もカッコいい Bootstrapを使うまでもないけど、こうした機能だけ使いたいという場合にいいかも 関連エントリ レスポンシブでモバイルフレンドリなツールチップ実装ライブラリ「Mobile-Friendly Tooltip」 黒ベースでクールにアニメーションするツールチップ実装jQueryプラグイン「DarkTooltip」 ツールチップなどを表示した際に画面からはみ出さないようにしてくれる「offscreen.js」 フラットデザインが美しいシンプルかつスモールなツールチップjQueryプラグイン「Tipr」
迫力のあるページ切り替えが可能なマルチスクロール効果実装「multiscroll.js」:phpspot開発日誌
multiscroll.js - split multi-scrolling pages plugin 迫力のあるページ切り替えが可能なマルチスクロール効果実装「multiscroll.js」。 ページを半分に分割してそれぞれ逆方向にスクロールして迫力のあるページ切替え効果が作れます パララックスはもうよくみる物になってしまいましたが、こちらは新鮮かも。 関連エントリ フルページスクロールするサイトを作るのに使える「fullPage.js」 スクロールに連動してアニメーションやパララックス効果が作れる「ScrollMagic」 スクロール後、ナビゲーションをページトップに固定するjQueryプラグイン「stickUp」 完璧なスクロールバーを実現できるjQueryプラグイン「perfect-scrollbar」 スクロールにより積み重なるナビゲーションヘッダーを作れる「Slinky.js」
複数RSSをjQueryでアグリゲートして1ページに表示できるjQueryプラグイン「jQuery Feeds」:phpspot開発日誌
Demo ? jQuery Feeds 複数RSSをjQueryでアグリゲートして1ページに表示できるjQueryプラグイン「jQuery Feeds」 クロスドメインのRSSもサポートしていて、サーバサイドスクリプトは一切不要。 複数のRSSを時系列にサクッとまとめて表示したい場合に便利そうです 次のようにJSONでURLを定義してあげればまとめて表示してくれるみたい 関連エントリ レスポンシブで何でも埋め込めるLightBox実装jQueryプラグイン「VenoBox」 おしゃれで軽量なシェアボタンを実装できるjQueryプラグイン Bootstrap用のフォームバリデーター実装jQueryプラグイン「BootstrapValidator」 フラットデザインがクールなカレンダー実装jQueryプラグイン「kalendar」 ダイナミックなタイル状レイアウトを実現できるjQueryプラグ
シンプル＆軽量なモーダルダイアログ実装jQueryプラグイン「portBox」:phpspot開発日誌
portBox | Modal Box | Joey Navarro シンプル＆軽量なモーダルダイアログ実装jQueryプラグイン「portBox」。 テキストやHTMLを埋め込めるモーダルダイアログ実装プラグインです。 スクリプトを読みこめば、自分で初期化しないでもモーダル化できます。カスタマイズもdata-の形でエレメントの属性定義しておけばアニメーション等の方法の制御が可能で簡単 JSで引数を直接書くのも特段難しい事はありませんが、data-*で渡すことができるのはそれはそれで分かりやすくて簡単そうですね 関連エントリ フラットだけど立体的なCSS3アニメーション付モーダルダイアログ実装デモ フラットでカッコいいモーダルダイアログ実装デモ 何でも埋め込めてカッコいいモーダルダイアログ実装用jQueryプラグイン「Pop Easy」 jQueryでモーダルダイアログを実現するプラグイン
カスタマイズが容易なカレンダー生成jQueryプラグイン「CLNDR.js」:phpspot開発日誌
CLNDR.js カスタマイズが容易なカレンダー生成jQueryプラグイン「CLNDR.js」 マークアップやCSSは独自で定義してデザインし、Underscore.js形式のテンプレートを使ってカレンダー部分を実装できます カレンダーを実装する際は動的な部分がでてきてしまって割りとややこしいですが、動的な部分はJSでやってくれます サーバサイドでライブラリなどを利用してカレンダーを生成する以外にも、クライアントサイドでカレンダーを実装したい際の１つの選択肢として使えそう 関連エントリ Googleカレンダーっぽい物や日付ピッカー等カレンダー関連のjQueryプラグイン集15 レスポンシブで超クールなカレンダーデモとｊQueryプラグイン「Calendario」 Googleカレンダー風操作感を持つ美しいカレンダーを実装できる「FullCalendar」
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
タイプライター風エフェクトを実現するJS「TYPEWRITING」:phpspot開発日誌