チェックボックスとラジオボタンをスタイリングする為のjQueryプラグイン・iCheck.js - かちびと.net
checkboxesとradioボタンをスタイリングするjQueryのプラグインです。カスタマイズ性に優れており、使い方も手軽そうだったので備忘録的にご紹介します。 よくあるプラグインですけど、使いやすそうだったのでメモ。 checkboxesとradioボタンをスタイリングするライブラリ。IE7にも対応しています。 かわいい。 スタイルは最初からいろいろと用意されていますのでカスタマイズの参考にもなりますね。 コード <script src="jquery.js"></script> <script src="jquery.icheck.js"></script> コアとプラグインを読み込みます。 $('input').icheck(); 初期化します。 $('input').icheck({ handle: '', // 'checkbox'か'radio'とすればどちらかに限定できる
Jenkins がもっともっと便利になるプラグイン 8 つ
こんにちは、開発担当の松本です。 前回のプラグイン紹介記事がわりと反響があったようですので、今回も便利プラグインをいくつか紹介します。 好みのテーマに変更できる: Simple Theme Plugin 左下のいつも出ている執事の顔が気になってくる人は多いと思います。 そんなときにはこのプラグイン。CSS と JavaScript を挿し込むだけの単純なプラグインながらその効果は絶大です。 利用するには、プラグイン導入後に Jenkins の管理 → システムの設定 → theme に追加する CSS と JS を指定するだけです。 プラグインのページにはサンプルのCSSファイルも用意されています。 とりあえず、執事の顔を消したいだけなら CSS に次のように記述すればよいです。 #main-table { background-image: none !important; } ページの
[JS]画像ホバーで、さまざまな要素を配置した半透明のパネルをアニメーションで表示するスクリプト -HCaptions
画像をホバーすると、スライドやフェードのアニメーションで表示する半透明のパネルを実装するjQueryのプラグインを紹介します。 パネルは実装もカスタマイズも簡単です。 HCaptions -GitHub HCaptionsの準備 HCaptionsのデモと実装 HCaptionsの設定 HCaptionsの準備 まずは、スクリプトを使う準備から。 Step 1: 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script src="js/jquery.js"></script> <script src="js/jquery.hcaptions.js"></script> Step 2: スクリプトの準備 キャプションを表示に付与するclassを定義します。 $(window).load(function(){ $('.hcaption').hcapt
iPhoneのサイドメニュー風UIが作れるjQueryプラグイン「jPanelMenu」:phpspot開発日誌
acolangelo/jPanelMenu GitHub iPhoneのサイドメニュー風UIが作れるjQueryプラグイン「jPanelMenu」 左上をクリックでメニューが表示されるアレです。他にも同様のライブラリはありますが、比較検討の要素としてご紹介しておきます。 スマホのサイトであれば、このUIは親和性が高く、スマホのメニューを作る場合は素直にこうしたライブラリを採用してサクっと作っちゃったほうがよいのかも。 関連エントリ レスポンシブなiPhoneのサイドメニューっぽいメニューが作れるjQueryプラグイン「Sidr」 3D Transformsを使った次世代の3Dサイドメニュー実装スクリプト「Meny」 コンテンツ毎にサイドバーを固定配置できるjQueryプラグイン「Stick ’em」 ページを下に引っ張ると更新されるiPhone風UIを提供するjQueryプラグイン「Hoo
プロダクトを360度回転させられるjQueryプラグイン「Threesixty-slider」:phpspot開発日誌
Threesixty-slider by creativeaura プロダクトを360度回転させられるjQueryプラグイン「Threesixty-slider」。 画像をドラッグ＆ドロップやコントロールボタンのクリックで回転させられます。 自動で回転させられる再生ボタンを付けることも可能 実装コード例。画像のパスや拡張子、prefixなどで複数の画像を設定してまわせる模様。 元画像のかっこ良さもあって、入れてみたいなぁという気になっちゃいますね 関連エントリ プロダクト画像を360度回転させられるようにするjQueryプラグイン５つ スマホタッチでくるくる回転させられるjQueryプラグイン「Touchy」。 ドラッグで回転する3Dオブジェクトが作れる「ThreeSixty」
ドラッグ＆ドロップで並び替えができるダッシュボード作成jQueryプラグイン「sDashboard」:phpspot開発日誌
ModelN/sDashboard GitHub ドラッグ＆ドロップで並び替えができるダッシュボード作成jQueryプラグイン「sDashboard」。 次のようなパネル状のUIでパネルを好きな位置に移動できたり、ウィジェットを追加したりすることのできるフレームワークです。 管理画面等のダッシュボード作成の際に活用できる場面がありそう 関連エントリ 画像レイアウト関連で便利なjQueryプラグイン等まとめ テキストを新聞風のレイアウトにできるjQueryプラグイン「Columnizer」 アイテムをドラッグ＆ドロップで画面レイアウト出来るjQueryプラグイン「gridster.js」 ブロック要素の高さを簡単に揃えられるjQueryプラグイン「equalize.js」 レスポンシブなテーブル作りに役立つjQueryプラグイン「FooTable」 アイテムをタイル状に並べる新しいjQuer
jQuery スライダーの中にスライダーが設置できるプラグイン【 jQuery slideinslide 】 | Stronghold Archive
どうもこんばんは。今回のTipsは【jQuery スライダーの中にスライダーが設置できるプラグイン jQuery slideinslide】です。今回のプラグインは自作です。機会は少ないですが何度かスライダーの中にスライダーを設置したいという場面がありました。これまでは都度スクリプトを書いていたのですが…ちょっと面倒だなぁとプラグイン化しました。この謎なプラグイン…自分用にとっておいてもいいのですが、存在自体忘れる可能性もあるので…備忘録としてメモしておきます。 DEMO & DOWNLOAD 更新情報 ・2013 3/8 水平方向へのスライド機能を追加。詳しくはOptionをご確認ください。上下左右のキーボートにも対応しております。DEMOはこちらから 実装方法 実装は至ってシンプルです。スライドの中にスライドの入るHTMLを用意し、プラグインを読み込みます。 読み込みファイル（jQue
DIVをマーキーっぽくエンドレスにスクロールさせられるjQueryプラグイン:phpspot開発日誌
jQuery Endless Div Scroll by Codicode (Demo Page) DIVをマーキーっぽくエンドレスにスクロールさせられるjQueryプラグイン マーキーのように指定DIVを横にスクロールさせられるプラグインです。 スピードの変更や、マウスオーバーで停止させたりといったことが可能みたい。 実装は簡単。 マーキー復活のお知らせ、でした。 関連エントリ アニメ映画のようなロゴアニメーションを実現するjQueryアニメーションプラグイン「SuperScrollRama」 BackgroundImageでスプライトアニメーションさせるjQueryプラグイン「AniDG」 アニメーションでコンテンツをより効果的にみせるためのjQueryプラグイン集 CSS3アニメーションをjQueryで使いやすくするプラグイン「jQuery Transit」 アニメGIFでもHTML
スマホサイトでよく見る感じのサイドからにゅっと出てくるメニューをjQueryプラグイン「Sidr」で作る
twitter facebook hatena google pocket Facebookをはじめスマートフォンサイトやアプリでは、メニューをタップするとサイドからにゅっと出てくるメニューが導入されて久しいです。 今回はSidr - A jQuery plugin for creating side menusを利用して、にゅっと出してみましょう。 sponsors 使用方法 Sidrからファイル一式をダウンロード。 <link rel="stylesheet" href="jquery.sidr.dark.css"> <script type="text/javascript" src="jquery-1.8.3.min.js"></script> <script type="text/javascript" src="jquery.sidr.min.js"></script> <sc
初めて構築したWordPressにとりあえず導入したプラグイン16個 | mugen beer
初めて借りたレンタルサーバで構築したWordpressに最初に導入したプラグイン16選。はじめてレンタルサーバを借りて、WordPressを構築。 今の時点で導入しているWordPressプラグインをまとめてみようかと。 備忘録的な感じ。オススメの物がアレば、Twitterかコメント欄で教えてください。 ちなみに、サーバはCoreServerで借りたんだけど、選んだ理由はお値段とDBの使える数。 でも、PHPがセーフモードで、ちゃんと稼働させるまで色々四苦八苦したのはまた別の機会に。 WordPressのセキュリティ対策プラグイン Akismet WordPress › Akismet « WordPress Plugins WordPressをインストールすると最初から入っているスパム対策プラグイン。 どこの紹介を見ても、とにかく有効にしておけという定番のスパム対策。 メール
テキストエリアを動的リサイズ＆カスタマイズ可能なjQueryプラグイン:phpspot開発日誌
Expanding Textareas jQuery Plugin テキストエリアを動的リサイズ＆カスタマイズ可能なjQueryプラグイン。 文字の量に応じて自動でリサイズするテキストエリアはブラウザ標準でも付けてもらいたいぐらい便利なのですが、最低の高さを設定したり、リサイズ時のコールバックを設定したりできるプラグインのご紹介。 テキストをいれてなくても最小のサイズが指定できるのは便利。 リサイズされた時のコールバック設定により、現在の行数なんかを表示することもできますね 関連エントリ textareaのキャレットを細かく制御する関連jQueryプラグインまとめ 通常のtextareaを絵文字入力可能にできる「jquery-emojiarea」
本をペラペラめくる風UI実装jQueryプラグイン「Booklet」:phpspot開発日誌
Demos - Booklet - jQuery Plugin 本をペラペラめくる風UI実装jQueryプラグイン「Booklet」。 よくあるペラペラめくる風UIを実装できます。めくる領域の縦横サイズを自由に指定できたり、ページ番号を降ったり、スピードやキーボードコントロール等、カスタマイズが容易で小回りが効きそう 使い方によっては単なるリンクでのページ送りの方が分かりやすくなってしまいそうなところに注意ですが、なかなか便利そうです。 関連エントリ ページめくりを実現するためのjQueryプラグイン集 フルスクリーンでページめくりをするUI実装デモ Flipboardみたくページめくりを実現できるjQueryプラグイン「BookBlock」 HTML5で美麗なページめくり効果が作れるJSライブラリ「turn.js」 美しいページめくり効果が作れるjQueryプラグイン「Flippy」
WordPressアフィリエイトで稼ぐための「収入５倍テクニック」まとめ【稼ぎ方】
ブログアフィリエイトの収益が増える５つのテクニック 広告は「クリック率が最大になる配置」にする！ GoogleAdsenseを貼っているアフィリエイターの人も多いと思いますが、アドセンスはクリック率で何倍も成果が変わってきます。 クリック率の平均ってどれくらいなの？と疑問に思う人も多いと思います。 大体の場合は、クリック率が0.5%以下ならクリック率がかなり低いです。 しかし、このクリック率。 実は広告位置をちょこっと変えるだけで1%までなら上げることが可能です。 おそらくほとんどの人は以下のどこかにアドセンス広告を配置していると思います。 タイトルロゴの横 サイドバー 記事の前 記事の中間 記事の直下 基本的にタイトルロゴ近くとサイドバーの下部分はクリック率がかなり低いです。 多くのブログに対して効果的な掲載場所として以下の３カ所をおすすめします。 記事の前 or 中間に１つ入れる（46
[JS]最近リリースしたjQueryのプラグインのまとめ -2013年1・2月
紹介済みから未紹介のものまで、最近リリースしたjQueryのプラグインをまとめました。 去年までは33+1選としてましたが、今年から新たなフォーマットで。
[jQuery] いつでもどこでもローディングアイコンを表示 NETEYE Activity Indicator | バシャログ。
最近目がかゆくてやたらとクシャミが出るんですけど、PM2.5 ってホント迷惑ですね～。みなさん、こんにちは nakamura です。 最近ちょっとおぉ！と思った jQuery プラグインがあったので今日はそのご紹介です。Ajax を使った非同期な処理も今やすっかり定番ですが、毎回メンドクサイな～と思うのがローディングアイコン。アニメーション Gif を用意して、どこで呼び出しても見栄えがするように CSS 調整して・・・。あーもうしゃらくせえ！と思っていたら、その辺全部勝手にやってくれる jQuery プラグインがあったんですね～。 NETEYE Activity Indicator っていうプラグインがそれです。github で公開されてます。 NETEYE Activity Indicator jquery-plugins/activity-indicator at master ·
![[jQuery] いつでもどこでもローディングアイコンを表示 NETEYE Activity Indicator | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/6a7c7828e73c1691039a9aa0dce7f4c767e36c92/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_javascript.png)
Photoshopでよく使うパーツをどのドキュメントでも利用できるようにするプラグイン -Pixel Dropr
Pixel Dropr 簡単に機能を説明すると、アイコンやパーツなどよく使うエレメントをリフィルと呼ばれるセットにし、Photoshopでどのドキュメントを開いても呼び出せるプラグインです。 上記のサイトでは動画も公開されています。 インストールしてみた！ Pixel Droprは有償のプラグインで、無料版のRefill Readerもあります。二つの違いは、オリジナルのリフィルを作成できるかできないかです。 上記はとりあえず無料版のRefill Readerです。 無料版のRefill Readerは配布されているリフィルを利用することができます。 リフィル配布サイト 配布サイトへはRefill Readerのパネルの左から2番目のボタン「load Refill」をクリックすると行くことができます。 プラグインのインストール Refill Readerのインストール方法を紹介します。 お
jQueryの可能性は無限大！？プラグインまとめ番外編 - Webデザイン初心者向けのあれこれ
どうもこんばんは、僕です。 今まで何度かjQueryプラグインを紹介してきましたが、今日は番外編？と言った感じです。 一応今までのプラグインまとめ記事はこちらです。 ・ひと工夫でこんなことも！ユニークなjQueryプラグイン5つ集めてみました ・すっごい動くよ！テキストをアニメーションさせるjQueryプラグイン集めてみた ・今更ながらみんな大好き（？）「lightbox」プラグインを集めてみました ・jQueryを使ったスライド・ギャラリーのライブラリを7個集めてみた ・jquery-tubular http://code.google.com/p/jquery-tubular/ ページの背景にYouTubeの動画を指定することができます。 背景を考える幅が広がるのではないでしょうか。 ・jquery.snipe http://rayfranco.github.com/jquery.sn
タッチデバイスにも対応したシンプルなLightboxを実装するjQueryプラグイン・Swipebox
タッチデバイスに対応したLightboxを実装するスクリプトのご紹介です。jQueryに依存します。多機能なものではありませんが、使いやすくて良さそうです。ただ、実機での動作テストをしていませんのでその程度の記事。 タッチデバイスで使えるLightboxです。 見易くていいかも。CSSでカスタマイズできるらしいのでMedia Queriesを使うだけで対応できるなら楽でいいかも。 スマフォのスクショです。 $(".foo").swipebox();使い方はいつも通り。 <a href="big/bar.jpg" class="foo" title="My Caption"> <img src="small/bar.jpg" alt="image"> </a>マークアップもclassを振るだけ。 詳細は以下で確認できます Swipebox
吹き出し風にポップアップするツールバー実装jQueryプラグイン「Toolbar.js」:phpspot開発日誌
Toolbar.js - jQuery plugin to create tooltip style toobars 吹き出し風にポップアップするツールバー実装jQueryプラグイン「Toolbar.js」 次のように、初期化位置にカーソルを合わせるとポップアップするツールバーを設定でき、そこからアクションを選べます。 ありそうであまり無かったプラグインかもしれませんね。 縦バージョンにもできます これは便利に使えそう 関連エントリ UIがカッコいいオートコンプリート実装jQueryプラグイン「Ajax AutoComplete」 使いやすい複数選択エレメントを実現するjQueryプラグイン「multiselect.js」 コンテンツ毎にサイドバーを固定配置できるjQueryプラグイン「Stick ’em」 普通のテーブルをExcel風に超カッコよくしてくれるjQueryプラグイン「Par
ブログのコメントシステムをLIVEFYREにしました。使い方を紹介 | Last Day. jp
ブログのコメントシステムをLIVEFYREにしました。使い方を紹介 最終更新日： 2015/08/28 Wordpress, ブログ 最近TechCruchがコメントシステムをFacebookからLIVEFYREに以降したという事なので当ブログもしばらくの間LIVEFYREを試してみる事にしました。 フェイスブックコメントを導入すると、スパムや荒しコメントが大幅に減少するんだけど、同時に有益なコメントも減ってしまうという事です。コメント沢山欲しいので、FacebookでもTwitterでもコメントできるLIVEFYREにしてみました。 LIVEFYREの使い方 -WordPresshttp://www.livefyre.com/にアクセスします。「Get LIVEFYRE」をクリックしてください↓ Site URLには自分のブログのURL、Platformはお使いのブログサービスを選んで「
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
