全体のプレビューをページサイトに出してドキュメントのどこにいるかを分かりやすくできる「jQuery.fracs」:phpspot開発日誌
全体のプレビューをページサイトに出してドキュメントのどこにいるかを分かりやすくできる「jQuery.fracs」 2011年08月05日- jQuery.fracs larsjung.de 全体のプレビューをページサイトに出してドキュメントのどこにいるかを分かりやすくできる「jQuery.fracs」 縦に長ーいサイトだと今どこ読んでいるのか？わからなくなってしまうことがありますね. このライブラリを使えばページのサムネイルが動的に生成され、とってもわかりやすいだけでなく、サムネイル上をドラッグ＆ドロップでページ移動できちゃいます 右横にページ全体像のサムネイル 拡大するとこんな感じです ドラッグ＆ドロップでページ内を瞬間移動可能。 これはナイスですね 関連エントリ ページ内ハイライト検索が実装できるjQueryプラグイン「Plain Text Keyword Search」 今までなかっ
ページ内ハイライト検索が実装できるjQueryプラグイン「Plain Text Keyword Search」:phpspot開発日誌
ページ内ハイライト検索が実装できるjQueryプラグイン「Plain Text Keyword Search」 2011年08月02日- jQuery Plain Text Keyword Search Plugin demo ページ内ハイライト検索が実装できるjQueryプラグイン「Plain Text Keyword Search」 Ctrl+Fなんかを押すとブラウザの機能であるページ内検索が使えますね。 ただ、初心者の人の多くはその存在を知らなかったりするようです。 そこでページ内にページ内検索のフォームを設置してハイライトさせちゃえるプラグインの登場です。 ワードを入れてSearchを押すと例えば、黄色の背景色でわかりやすくハイライトできるようなものが実装できます。 ブラウザごとの動作差異も気にしなくていいのもいいかもしれません。 文書が多くて閲覧者は初心者がほとんどみたいなサイト
jQuery UI API 1.8.4 日本語リファレンス - StackTrace
jQuery UI API 1.8.6 の日本語リファレンスです。 ソースコードを読み、jQuery UI(公式サイト)のドキュメントを参考に解説しました。 また、全ての解説に、実際に実行できるサンプルを付けました。 jQuery UIとは jQuery UIとは、jQueryライブラリ上に構築された強力なユーザインターフェースライブラリです。 jQuery UIの構成 jQuery UI 1.8.6 は、大きく分けて「インタラクション」「ウィジェット」「ユーティリティ」「ビジュアル効果」3つのカテゴリに分けることができます。 それぞれ、次の機能が提供されています。 インタラクション 対話型ユーザインターフェースを構築するためのライブラリ ライブラリ説明対応ファイル
jQuery Clip - jQueryのプラグインをまとめました。
jQueryの便利で実用的なイメージスライダーやレスポンシブ対応のプラグインをタグやカテゴリで見やすくまとめました。
jquery順番入れ替え
I’ve been using JQuery for a while now and really agree with its tag line that it’s the “The Write Less, Do More, JavaScript Library”. We’ve also got this code for dragging and dropping table rows that has proved very popular, so it seemed natural to combine the two and wrap up the table drag and drop as a JQuery plugin. Update: You can now read the latest docs at https://github.com/isocra/TableDn
あなた好みのカラーピッカーが作れるjQueryプラグイン「EXColor」:phpspot開発日誌
ExColor color picker plugin | jQuery plugins | ModCoder - Innovative Software Solutions for Web Sites#wizard#wizard あなた好みのカラーピッカーが作れるjQueryプラグイン「EXColor」。 サイト上からウィザードでパーツを選択してカラーピッカーを独自にデザインできちゃうという優れものです。 ベースデザインも次のように良い感じです。 パーツをクリックするとUIが変更可能。 カスタマイズしたカラーピッカーのコードが次のように出力されて便利 デザインにこだわりたい方は選択肢の１つとして使えそうです 関連エントリ シンプル＆軽快なカラーピッカー実装ライブラリ「JSColor」 シンプルUIがいい感じのカラーピッカー実装jQueryプラグイン「simpleColorPicker」
tableデータをグラフに置き換えてくれるjQueryプラグイン「Chartify」:phpspot開発日誌
Chartify ? A Visualization Plugin for jQuery tableデータをグラフに置き換えてくれるjQueryプラグイン「Chartify」 <table>のデータを最小１行でGoogleのChart APIを使ってグラフ画像に変換してくれるみたいです。 マークアップ上では次のようなテーブルがあったとします。 プラグインを読み込んで .chartify します。色なんかも指定 すると次のようなグラフに変換されて表示されます。 HTML上にデータがかけてそれをグラフに変換してくれるのはなかなかいいですね。 関連エントリ 小さくで可愛いグラフが描けるjQueryプラグイン「Piety」 ドリルダウンなグラフを作成できるjQueryプラグイン「DDChart」 地下鉄の路線図を描けるjQueryプラグイン「Subway Map Visualization」
これは注目の超リッチなUIを実装できるjQueryベースのUIライブラリ「jQuery EasyUI」:phpspot開発日誌
これは注目の超リッチなUIを実装できるjQueryベースのUIライブラリ「jQuery EasyUI」 2011年07月19日- jQuery EasyUI - help you build your web page easily これは注目の超リッチなUIを実装できるjQueryベースのUIライブラリ「jQuery EasyUI」 Ext.jsばりに美しくてリッチなUIをjQueryでも実現できちゃいます。さらに、使い勝手がjQueryなので誰でも簡単に実装できちゃいます。Extはなんとなく取っ付きにくいと感じたかたも簡単に使えそう。 サイト上のチュートリアルやドキュメントも充実していて分かりやすいです。 リッチなものが作れるのはいいけど使い方が難しかったりメンテナンス大変だと、使う気が少し失せてしまいそうですがこれなら大丈夫かもしれません。 テーマやマルチリンガルにも対応しているらし
これはかっこいい！ HTML5 AudioとjQueryを使った臨場感溢れるスライドショー
ブラウザいっぱいに画像を表示し、画像のスライドやサムネイルの表示・非表示のエフェクトがかっこいいだけでなく、HTML5 Audioを使いサウンドも加えた臨場感溢れるスライドショーを実装するチュートリアルを紹介します。 デモページ ※音でます [ad#ad-2] 画像の表示はサムネイルから操作できます。 レッドの矩形は現在表示されているサムネイルで、それをクリックするとブラウザいっぱいに画像を表示します。 Fullscreen Slideshow with HTML5 Audio and jQuery ここでは、実装に使用しているスクリプトを紹介します。 jQuery ベースとなるスクリプトです。 Vegas Background スライドショーをブラウザいっぱいに表示するjQueryのプラグインです。 参考：背景画像やスライドショーをブラウザいっぱいに表示するスクリプト -Vegas jS
プログレスバーをバリバリに自分好みにできるjQueryプラグイン「Extended Progress Bar」:phpspot開発日誌
プログレスバーをバリバリに自分好みにできるjQueryプラグイン「Extended Progress Bar」 2011年07月13日- Extended Progress Bar プログレスバーをバリバリに自分好みにできるjQueryプラグイン「Extended Progress Bar」。 プログレスバーは処理中に表示することでユーザのストレスを軽減することが出来ますがそんなプログレスバーを実装する際に、自分のサイトにマッチしたものを手軽に作りたいというニーズがあるのではないでしょうか。そんな場合に使えるプログレスバー実装のためのjQueryプラグインです。 次のような豊富なカスタマイズオプションが用意されています ・色のカスタマイズ ・値の最小値、最大値のカスタマイズ ・クリティカル値の設定 ・バーの色設定 ・バーの進行方向 ・バーのラベル表示位置 ・多数のイベントハンドラ プログレ
zLayer jQuery Plugin - Orientate Elements | Devin R. Olsen Web Developer
What is zLayer?zLayers is a jQuery parallax plugin that allows you to orientate an element based on the position of your mouse to the page’s window, or element’s parent. zLayer is perfect for interactive illustrations and rich user experience through creative methods through a parallax effect. Best part about zLayer is how easy, lightweight, and quick the plugin is! zLayer Example – Art By: Brando
スマフォでもイケてるクールなドロップダウン実装jQueryプラグイン「DropKick」:phpspot開発日誌
DropKick - a jQuery plugin for beautiful dropdowns スマフォでもイケてるクールなドロップダウン実装jQueryプラグイン「DropKick」 次のようなデザインのドロップダウンが実装できます。大きめなデザインなのでスマフォでも使えます。 テーマは2種類あってホワイトとブラックから選べます マークアップとしては単なるselectなのでJSがおふでも使えるというものです 関連エントリ 超かっこいいmarquee2.0を実現するjQueryプラグイン「fMarquee」 テキストにグラデーションをかけられるjQueryプラグイン「True Gradient Text」 ブロックサイズ内に画像を綺麗に収めるjQueryプラグイン「CJ Object Scaler」
デザインがよくて複数連動可能なselectボックス作成jQueryプラグイン:phpspot開発日誌
jQuery SelectBox plugin デザインがよくて複数連動可能なselectボックス作成jQueryプラグイン。 次のようないい感じのデザインで、かつ、１つのselectボックスを変更すると他のselectボックスの内容を変更できるイベントハンドラの設定が可能。 イベントハンドラに、onOpen, onClose, onChange といったメソッドにその処理を書いておけばカスタマイズが可能です。 以下、サンプルコードです。実装がカンタンな上に後から見たときに分かりやすい。JavaScript最高です 関連エントリ 異なるサイズの画像を並べて瞬時にサイズを揃えられるjQueryプラグイン「MyThumbnail」 小さくで可愛いグラフが描けるjQueryプラグイン「Piety」 レイアウトに関する強力なjQueryプラグイン６つ 超かっこいいmarquee2.0を実現するjQ
PHPを使って画像をアップしてjQueryで切り抜くチュートリアル:phpspot開発日誌
Image Upload and Cropping with PHP and Jquery PHPを使って画像をアップしてjQueryで切り抜くチュートリアルとデモが公開されています。 配布されているプログラムをダウンロードしてプロトタイプとして使って開発効率を高める事もできますし、単に学習用に使うこともできそうです。 実際のサービスで使うにはセキュリティの問題がないかどうかをちゃんとチェックして使いましょう デモページはこちら 関連エントリ PHPでWEBサイトのスクリーンショットを作成するチュートリアル PHPでAmazon SESを使うチュートリアル PHPとGDを使ってCaptchaを自作するチュートリアル
iOSのシェイクイベントを取得できるjQueryプラグイン「gShake」:phpspot開発日誌
Attach a function to iOS’s shake ? gShake | Webification iOSのシェイクイベントを取得できるjQueryプラグイン「gShake」。 このプラグインを使うことで、iPhoneをシェイクした際にブラウザ上でイベントを起こして処理を行うことができるみたいです。 iOS4.2以降で動作するそうです。 実装にはライブラリを読み込んで次のようにコールバックを設定するだけのようです。 動きなどは検証していないのですが、HTML5ベースでアプリケーションを作るぜ、という場合に便利に使うことができるかも。 関連エントリ スマフォでも使える３Dカルーセル実装jQueryプラグイン「Cloud Carousel Touch」 異なるサイズの画像を並べて瞬時にサイズを揃えられるjQueryプラグイン「MyThumbnail」 レイアウトに関する強力なjQ
クールで高機能な次世代検索ボックスを作成できる「VisualSearch.js」:phpspot開発日誌
DocumentCloud's VisualSearch.js クールで高機能な次世代検索ボックスを作成できる「VisualSearch.js」 検索ボックスというとどのサイトも<input type="text">があってCSSで修飾されていたりオートコンプリートが付いていたりするものですが、今回紹介する検索ボックスはそれらをもうちょっと進化させたものになっています。検索条件など細かくをいれてもらうような場合、フォームが巨大になってしまったりしますが、その心配はありません。１つの検索ボックスで完結します。 検索ボックスがあります 入力するとフィルタの候補が現れます Enterで補完されます 条件を入れていきます ×ボタンで条件は消せますし、条件の上でクリックすればそのままオートコンプリートが走ります 日付の指定なども検索ボックス上で完結させられます こうした検索ボックスが合わないサイトも
Vegas Background SlideShow
Vegas2Background SlideShowjQuery/Zepto PluginProject by Jay Salvat, Pictures from Unsplash. Need support? Don't waste your precious time, Hire me Feeling Generous? Buy me a beer, beer is good for motivation Need support?Don't waste your precious time, support is available for 24$. Ask your question and quickly receive a ZIP file with a clear running example with commented code and assets solving y
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
ECサイトで使えそうな画像のレンズズームを超簡単に実装できるjQueryプラグイン「Lens Zoom」:phpspot開発日誌
ECサイトで使えそうな画像のレンズズームを超簡単に実装できるjQueryプラグイン「Lens Zoom」 2011年06月23日- A jQuery plug-in for Lens Effect Image Zooming ECサイトで使えそうな画像のレンズズームを超簡単に実装できるjQueryプラグイン「Lens Zoom」。 次のように、画像の特定部分の円形のみをズームするようなUIが簡単に作れちゃいます。 ECサイトなどで商品を拡大するように実装されていたらお客さんに喜んでもらえるかも。 レンズの大きさもピクセル指定で自由自在です。 白黒写真がレンズを入れることでカラーになるみたいな効果も。 レンズの色やサイズも選べます。 実装の容易さも素晴らしくて、.imageLensで初期化するだけです。 関連エントリ タイマーを作る際に便利なjQueryプラグイン「jQuery Timer」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
fredibach.ch