divを並べた後、たった１行でオシャレなスライダーが実装できるjQueryプラグイン「jShowOff」:phpspot開発日誌
divを並べた後、たった１行でオシャレなスライダーが実装できるjQueryプラグイン「jShowOff」 2011年02月10日- jShowOff: a jQuery Content Rotator Plugin by Erik Kallevig divを並べた後、たった１行でオシャレなスライダーが実装できるjQueryプラグイン「jShowOff」 次のような、なんともオシャレなスライダーが簡単に実装できてしまいます。 実際のコードは次のようにとてもシンプル。 <div id="features"> <div><p>This is a slide!</p></div> <div><a href="http://google.com"><img src="//www.google.com/intl/en_ALL/images/logo.gif" alt="Google Logo" /><
jQuery公式のテンプレートplugin 「jQuery Templates」
jQuery公式のテンプレートplugin 「jQuery Templates」 Check Tweet 配布元:jquery’s jquery-tmpl at master – GitHub リファレンス:jQuery Templates jQueryプロジェクトからいくつかの公式プラグインが公開されました。そのひとつが「jQuery Templates」。これはJavaScriptで利用できるテンプレートエンジンです。 利用方法 本エントリー執筆時点ではGitHubからダウンロードして利用できますが、jQuery 1.5からはjQuery本体に組み込まれ、プラグインなしで利用することが出来ます。(本体への組み込みは延期されました)また、MicrosoftのCDNでも公開されていますので次のような記述で読み込むことも可能です。 <script type="text/javascript"
非常に美しいLightBoxスクリプト「Sexy LightBox」
非常に美しいLightBoxスクリプト「Sexy LightBox」 Check Tweet 配布元：Sexy LightBox ライセンス：MITライセンス Sexy LightBoxは非常に美しい動きをするLightBox系のJavaScriptライブラリだ。 ベースエンジンはMootoolsを利用するか、jQueryを利用するか選択できる為、現在利用しているライブラリに合わせて柔軟に利用することができる。 利用方法 mootoolsを利用する場合はmootools本体と配布サイトからダウンロードした「sexylightbox.v2.2.mootools.js」と「sexylightbox.css」をhead要素などで読み込む。配布ファイルに同梱されている「sexyimagesフォルダ」も利用したいファイルと同じ階層に配置しておこう。 <script type="text/javasc
30近いウィジェットがセットになったjQueryプラグイン集「Wijmo」:phpspot開発日誌
Wijmo - jQuery UI Widgets 30近いウィジェットがセットになったjQueryプラグイン集「Wijmo」。 jQueryといえばプラグインによって様々なことが出来るのはご存じだと思いますが、Wijmoはこれ1個で30ものウィジェットが実装できるパックです。 UIのデザインをそろえたいような場合に使えそうです。 アコーディオン カレンダー 各種グラフ コンボボックス オーバーレイ 独自フォームデザイン グリッド リスト まだまだあります・・・。 よくここまでそろえたなという品ぞろえですね。 関連エントリ YoutubeやUstream等の動画埋め込みが超簡単になるjQueryプラグイン「jquery.mb.mediaEmbedder」 jQueryでYoutube埋め込みビデオをブロックの幅に合わせるコード 再生ボタン等も変更できちゃうYoutube操作jQueryプラ
jQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳
もはやこの業界ではかなり浸透しつつあるjQuery。 今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。 １）3D表示プラグイン サンプルデモ 今年のトレンドと言えば3D。 というわけでこちら。まずはサンプルデモを確認。 触ってわかる通りですが、2枚の画像が3D表示されます。 呼び出す $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;
ユーザ登録時にパスワード強度表示を入れてと言われた場合にサクッと実装できるjQueryプラグイン:phpspot開発日誌
ユーザ登録時にパスワード強度表示を入れてと言われた場合にサクッと実装できるjQueryプラグイン 2010年11月15日- SelectBox Plug-in ユーザ登録時にパスワード強度表示を入れてと言われた場合にサクッと実装できるjQueryプラグインのご紹介。 ユーザ登録の際に、パスワード強度を表示するサイトが多くなってきていますが、利用者がパスワードを決める場合に注意が働くためサイト全体としての安全性が高まるという点で効果がありそうですね。 仕事でサイトをつくっていて、あの機能入れてくれといわれた場合に、瞬時に実装できそう。 パスワードが弱い場合は次のように表示されます。 いい感じの場合はGoodが表示されます。 出し方は次のようにメソッドに渡すオプションを変更するだけでかえられます。 IDとパスワードが同じでもエラーを出せたりします。 関連エントリ パスワード生成や年齢計算等、P
使えるjQueryプラグイン：ブロック要素を丸ごとリンクに変えてくれるBiggerlink.js
地味だけど私的に使うことが多いjQueryプラグイン、Biggerlink。 ブロックレベルの要素を丸ごとリンクに変更してくれます。 サイドバーなどでちょっとリンクをオシャレにしたい時に重宝しています。 …と説明してもピンとこないと思うので、サンプルデモを用意してみました。 テキストの部分しかリンクを貼ってなくても、リンクを内包するブロックレベル要素全体がリンクに変身します。 サンプルデモのHTML構造は以下の通り。 <li>タグの中に<h4>タグの見出しと<p>タグのパラグラフを入れてみました。 リンクは<h4>タグに貼ってあります。 Biggerlinkなしの（通常の）スタイル リンクは見出しのテキストだけです。 もうちょっとカッコよくしたいかも….。 Photoshop Tutorial Photoshopで簡単にできる QuickTipsを集めてみました Illus
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
画面遷移なしのAjaxでファイルアップロードするjQueryプラグイン10:phpspot開発日誌
IDEA * IDEA