iOSのホーム画面に作るフォルダっぽいやつを実装するjQueryライブラリ・App Folders
iPhoneやiPadのホーム画面に作れるフォルダっぽい動作のコンテンツを実装出来る、というスクリプト。動作はかなり再現出来てる気がします。 iOSのホーム画面に作られるフォルダっぽいのを作る、というjQueryプラグインです。 ※ドラッグで動かせる、というのは残念ながら付いてないです。 フォルダをクリックすると開く的なやつです。 ↑ 開いた箇所はハイライトされる コード<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js'></script> <script src="jquery.app-folders.js"></script>本体とライブラリｗ読み込む $('.foo').appFolders({ opacity: .2, // セレクト
Timeliner.js Demo
Working examples of the timeliner.js jquery plugin. This page features two working examples, which demonstrate several key features including expand/collapse, autostart/autoload, and multiple timelines per page. Also see the newer "Future" demo, released along with version 2.0 of this plugin. The Civil Rights Movement 1954-1964 The content used in this demo is from InvestigatingPower.org, one of t
[JS]このアニメーションはかなりカワイイ！折り畳んだ紙をパタパタ広げるスクリプト -PFold
展開と共に、移動のアニメーションが加わります。 PFoldの使い方 Step 1: 外部ファイル 「jquery.js」と当スクリプト・スタイルシートを外部ファイルとして記述します。 <link rel="stylesheet" type="text/css" href="css/pfold.css" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.pfold.js"></script> Step 2: HTML コンテンツの初期状態と最終状態をそれぞれdiv要素で実装し、div要素で内包します。 <div id="uc-
DOM要素に紙を折ったように見せるエフェクトを実装するスクリプト・oriDomi
DOM要素に折り目のエフェクト を加えるjQueryのプラグイン です。折り紙とDOMをかけてこ のネーミングになったみたい です。使うかどうかは別にして ちょっと面白かった。 紙を折るようなエフェクトをDOM要素に加える、というスクリプト。デモにGifアニメーションがあったのですが、これがなかなか面白かったです。
WordPressのサイドメニューを折りたたむ「wp_list_folderプラグイン」バージョンアップ
WordPressのサイドメニューを折りたたむ「wp_list_folderプラグイン」をバージョンアップしました。 １．プラグインの機能 WordPressのサイドメニューで折りたたみができるようにします。 プラグイン適用前（Twenty Tenテーマ） プラグイン適用後の折りたたんだ状態 ２．プラグインの変更点 ページを移動したときに、メニューの折りたたみ状態を保持できない不具合を解消しました。以下解説です。 このプラグインはjQueryの「Listfolderプラグイン」を利用しているのですが、ページを移動したときに折りたたみ状態を保持するために、各メニュータイトルに次のようなid属性の設定が必要です（その値をクッキーに保持します）。 <dt class="sidetitle" id="hoge">Recent Entries</dt> <dd> <ul> <li><a href="
コンテンツの折りたたみを楽々実装できるjQueryプラグイン「jQuery Collapse」:phpspot開発日誌
jQuery Collapse | webcloud コンテンツの折りたたみを楽々実装できるjQueryプラグイン「jQuery Collapse」。 コンテンツがいっぱいあるより、まずは少ないコンテンツのほうが、理解しやすくて分かりやすいですよね。 そこで折りたたみですが、アニメーションしつつ綺麗に実装できる折りたたみが簡単なマークアップとコードで実装できます。 見出しをhタグで作って中身をdivで書けばよいだけです これだけ作るだけでも一昔前は苦労していたものですが、技術の進歩によりどんどん簡単になりますね。 関連エントリ クールなタグ入力＆オートコンプリート機能付きフィールド実装jQueryプラグイン「TextExt」 面白いテキストアニメーションが作れるjQueryプラグイン「textualizer」 紙芝居のようなアニメーションでスライドするスライダー実装jQueryプラグイン「
[JS]div要素やリスト要素を折りたたんで配置するWAI-ARIA遵守のスクリプト -jQuery Collapse
実装は超簡単、カスタマイズ性にも優れ、IE6にも対応、クリックで開閉する折りたたみコンテンツを設置するjQueryのプラグインを紹介します。 jQuery Collapse jQuery Collapse -GitHub [ad#ad-2] jQuery Collapseの特徴 jQuery Collapseのデモ jQuery Collapseの使い方 jQuery Collapseの特徴 軽量 約600バイトの軽量スクリプト。 クロスブラウザ対応 IE6+, Firefox3+, chrome5+, Safari4+, Opera10+ でテスト済み。 カスタマイズ モジュール式で設計しているため、簡単にカスタマイズが可能。 開閉する要素の変更、callback関数も用意されています。 クッキーのサポート 「jquery-cookie」を利用してクッキーをサポート。 ARIA遵守 障害
XMLを超見やすく折畳み表示できるjQueryプラグイン「XML Tree」:phpspot開発日誌
XML Tree - visualise and traverse your XML | jQuery Plugins Demo XMLを超見やすく折畳み表示できるjQueryプラグイン「XML Tree」。 APIなんかでXMLはよく使うようになりましたが、XML自体を次のように折畳み可能でスタイルされたインタフェースで見ることができるjQueryプラグインのご紹介です。 ブラウザベースの味気ないXMLビューワよりも見やすい場合がありそうです。 次が実装のためのコード。描画のコードが超簡単なのもいいですね。 関連エントリ 綺麗なツリービューが実装できるｊQueryプラグイン「jsTree」 折り畳み可能なシンプルツリーメニュー実装jQueryプラグイン「Simple Tree Menu」 WindowsアプリのツリービューっぽいUIをWEB上で簡単実装できるjQueryプラグイン「jqu
WordPressのアーカイブページで本文を折りたたむ「wp_content_folderプラグイン」
WordPressのアーカイブページ（月別・カテゴリなど）で本文を折りたたむ「wp_content_folderプラグイン」を公開します。 １．機能 アーカイブページに表示されている記事タイトルをクリックすることで、本文の折りたたみを行います。折りたたみ状態はクッキーに保存します。 折りたたんだ状態（Twenty Elevenテーマ） 開いた状態 以下にサンプルも用意しました。 折りたたみサンプル ２．プラグインのダウンロード・インストール 以下のリンクからプラグインをダウンロードしてください。 変更履歴 2011.08.24 v0.1 初版 wp_content_folder_0_1.zip プラグインのご利用および質問に対する回答等について、ご支援・ご賛同くださる方からの寄付をお待ち申し上げます。 アーカイブを展開し、中にあるwp_content_folderフォルダをpluginsデ
折り畳み可能なシンプルツリーメニュー実装jQueryプラグイン「Simple Tree Menu」:phpspot開発日誌
折り畳み可能なシンプルツリーメニュー実装jQueryプラグイン「Simple Tree Menu」 2011年07月29日- Simple Tree Menu | jQuery Plugins 折り畳み可能なシンプルツリーメニュー実装jQueryプラグイン「Simple Tree Menu」。 階層的なリストを単純に開いたり閉じたりできるというシンプルなメニューです。 メニューは最初からズラッと並べるより少なくしたほうが選び易いので、段階的にひらいていくインタフェースは使いやすい場面もおおそうですね。 全部開くと以下のようになります。 サイドメニューなんかにあるといいかもしれませんね。 関連エントリ ページメニューにツールチップを表示して分かりやすくするjQueryチュートリアル カッコいい円形のメニューナビゲーション実装jQueryプラグイン「Flower Navigation」 かなり
ListfolderプラグインをMovable Typeに適用する
「jQueryでサイドメニューの折りたたみを実現するListfolderプラグイン」をMovable Typeに適用する具体的な方法です。ご質問を頂きましたので本エントリーにて紹介致します。 ここでは本ブログで配布している小粋空間テーマ（ブログ用）とデフォルトテーマ（クラシックブログ）に設定する方法を紹介します。 小粋空間テーマ（ブログ用）のプラグイン適用前 小粋空間テーマ（ブログ用）のプラグイン適用後 デフォルトテーマ（クラシックブログ）のプラグイン適用前 デフォルトテーマ（クラシックブログ）のプラグイン適用後 １．プラグインのダウンロード Listfolderのページにある「jquery.listfolder_0.0.4.js（バージョンは2011年6月現在）」のリンクを右クリックして、プラグインファイルをダウンロードします。保存時にファイル名はjquery.listfolder.js
WordPressのサイドメニューを折りたたむ「wp_list_folderプラグイン」
WordPressのサイドメニューを折りたたむ「wp_list_folderプラグイン」を公開します。 １．機能 WordPressのサイドメニューで折りたたみができるようにします。 プラグイン適用前（Twenty Tenテーマ） プラグイン適用後の折りたたんだ状態 ２．プラグインのダウンロード・インストール 以下のリンクからプラグインをダウンロードしてください。 変更履歴 2011.06.20 v0.1 初版 2012.02.12 v0.2 折りたたみ状態が保持されない不具合を修正 wp_list_folder_0_2.zip プラグインのご利用および質問に対する回答等について、ご支援・ご賛同くださる方からの寄付をお待ち申し上げます。 アーカイブを展開し、中にあるwp_list_folderフォルダをpluginsディレクトリにアップロードしてください。 アップロード後、管理画面で「Li
WordPressの「続き」をjQueryで折りたたむ「wp_more_content_folder」プラグイン
WordPressの「続き」をjQueryで折りたたむ「wp_more_content_folder」プラグインを公開します。 閉じた状態 開いた状態 １．機能 本文の追記部分をjQueryを使って折りたたみします。このプラグインは「Show Hide "more" with WordPress」を改造したものです。 サンプル ２．ダウンロード 以下のリンクからプラグインをダウンロードしてください。 変更履歴 2011.05.09 初版 2011.05.09 v0.2 jQueryの呼び出し方法変更／本文下に表示される「閉じる」をクリックしたときの折りたたみ速度修正 wp_more_content_folder_0_2.zip アーカイブを展開し、中にあるwp_more_content_folderフォルダをpluginsディレクトリにアップロードしてください。 アップロード後、管理画面で
jQuery listfolderプラグイン v0.0.3（折りたたみ初期状態設定機能追加）
jQueryでサイドメニューの折りたたみを実現するjQuery listfolderプラグインをバージョンアップしました。 １．追加機能 v0.0.2までは、リストがすべて折りたたまれた状態でしか表示されませんでした。v0.0.3では折りたたみを開いた状態で表示できるよう、プラグインオプションで設定できるようにしました。 v0.0.2までの初期状態（すべて閉じた状態で表示） v0.0.3の初期状態（指定したリストを開いた状態で表示） 特定のリストを開いた状態にするには、次のようにinitOpenオプションを設定します。 <script type="text/javascript"> jQuery(function() { jQuery('#box').listfolder({ initOpen: ['aaa','ddd','fff'], }); }); </script> オプションの値に
jQueryでサイドメニューの折りたたみを実現するListfolderプラグイン
jQueryでサイドメニューの折りたたみを実現するListfolderプラグインを紹介します。同じようなプラグインはすでに存在すると思いますが、勉強がてら作ってみました。 １．機能 このプラグインを利用すれば、サイドメニュータイトルをクリックすることで、リストの折りたたみが簡単にできるようになります。 折りたたみ機能だけであればjQueryを数行書けば実現できますが、このプラグインのウリは折りたたみ状態をクッキーに保持することです。クッキーに保持するので、リロードや他のページに移動しても折りたたみ状態が初期状態に戻ることはありません。 動作は以下の配布ページで確認できます。配布ページのサイドメニュータイトルをクリックすれば折りたたみを行えます。 jQuery listfolder plugin 以下、インストールと利用方法を説明します。 ２．プラグインのダウンロード・インストール List
WordPressのカテゴリーリストを折りたたむ「Category Folder」プラグイン
WordPressのカテゴリーリストを折りたたむ「Category Folder」プラグインを公開します。このプラグインを適用すると次のようなことが可能です。 下はカテゴリーリストを折りたたんでいる状態です。 すべてのカテゴリーを開くとこのような感じになります。 WordPress 3.0のカテゴリーウィジェット用です。デフォルトテーマでのみ動作を確認しています。すでに同じプラグインがあったらすいません。 久しぶりにWordPressのプラグインを作成したので、お作法を色々忘れてしまっているかもしれません。 １．プラグインのダウンロード 以下のリンクよりプラグインをダウンロードしてください。 category-folder.zip プラグイン開発やサポート等にご支援・ご賛同くださる方からの寄付をお待ち申し上げます。下記の「寄付」のリンクをクリックすると Paypal によるお支払いページに
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
YouTube人気急上昇