Ajax/JavaScriptライブラリをまとめておきます。（順不同） | 基本 | 統合 | 表示系 | GUI部品 | イメージ | PGM連携 | ブラウザ | Flash | その他 | | 部品集 | リンク | 編集履歴 | ・基本ライブラリ ・・・Ajax開発のベースになるもの ↑TOP prototype.js 超メジャーなAjaxライブラリ prototype.js の開発者向けメモ prototype.jsリファレンス prototype.jsリファレンス(JavaScriptist) prototype.js逆引きサンプル集 Prototype 1.5.0 Cheat Sheet Prototype 1.5 PDF － API/サンプル/解説 Prototype.js Documentation － まとめサイト Prototype 1.6.0へのアップグレード実例紹
もはやこの業界ではかなり浸透しつつある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;
個人的に気に入ってよく使っている、又は いつか役に立ちそう、いずれ使いたい的な Lightbox風に拡大実装出来るjQueryプラグ インのまとめです。使うときにいちいち引っ 張り出しているのが面倒なのでまとめにして ついでにシェアしようと思って記事にします。 オーソドックスなものから、やや特徴的なもの、Twitterで「こんなのない？」って聞かれて探したものなど10個厳選です。特徴も一緒にメモしておきます。 なお、画像を使うjQueryプラグインにご興味が有るようでしたら、以前書いた画像を使ったいろいろなjQueryプラグイン224個まとめも参考にして頂けるかと思います。 colorbox 一番よく使っているかもしれません。MITライセンスで、グループ化⇒スライドも可能。また、iPhone、iPadでも動いて表示も崩れません。エフェクトも変更可能で、YoutubeやIframe、Flas
北米WEB屋として生きた5年間で思いつく限りのWEB屋必読ブログの数々一挙ご紹介！ | バンクーバーのうぇぶ屋
この前「英語圏のWEB屋な人たちが読んでそうなブログ教えて」って具合の、まぁいつも通り取り留め無く唐突な質問がありまして、コレまた僕にとってはいつも通り『北米WEB屋なら誰でも知ってるんじゃないかって思うサイトをまとめてみた』って記事を共有しようとしたんですが、コレもう2年前の物じゃーないですかってことに気付いたわけです。 結構僕はこういう質問に返答するノリで書いた記事のリンク送るってコトが凄く多いので、じゃぁこの記事も古いし、リバイスするかって軽い気持ちで書きだしたんですが、コレが意外とめちゃめた大変。大変って言うか、量が半端ないことになっておりまして… 正直、去年くらいからだいぶ暇な時間が出来てしまい、購読するブログの数もだいぶ増えていて、うーんって感じなんですが、まぁ良い機会なので僕が『これは読んどいていんじゃね？』ってオススメするブログやら記事やらを色々共有させて頂こうかなと思いま
サイトにかっこいいUIを実装したい。 そんなときにおすすめなのが、『25+ Best jQuery Plugins To Beautify Your Website』。サイトをかっこよくするためのjQueryプラグイン集です。 初めて見るものもあっていい感じです。 YoxView lightbox系の画像オーバーレイスクリプト。ナビゲーションとキャプションがフェードアウトしたりとディテールが気持ちいいです Fade In and Out Tooltips for Prototype and Scriptaculous フェードイン&アウトで表示されるツールチップ Sweet Titles Transparent and Fading Tooltips ページロード時に、画像をフェードインして表示させるスクリプト Captify Displays Pretty Image Captions
IE6にも対応した、DOMエレメントをLightboxのエフェクトで表示するjQueryのプラグインを紹介します。 Lightbox_me - Stupidly Simple Lightboxing Lightbox_meは他のLigtbox系スクリプトのソリューションにはない特徴をもっています。 DOMエレメントをLightbox化。 ウインドウのリサイズ時はオーバーレイもリサイズ。 ドキュメントがウインドウよりサイズが小さい場合はオーバーレイのサイズを変更。 全てのブラウザで固定配置（fixed）で表示。 ウインドウがモーダルボックスより小さい場合は固定配置（fixed）が自動的に絶対配置（absolute）に切り替え。これによりユーザーはスクロールが可能に。 そして、軽量でシンプル、という素晴らしい特徴も備えています。 対応ブラウザはIE6+, Fx2.5+, Safari, Chr
jQueryを使ってクールなインターフェースを実装したい。 そんなときにおすすめなのが、「30 Useful Jquery Plugins For Developer & Designer」。デザイナー・デベロッパーのためのjQueryプラグイン集です。 結構いい感じのものが揃っています。 YoxView – jQuery image viewer plugin 動きの軽快なlightbox系プラグイン Exposure Jquery Plugin かっこいい見せ方ができる画像ビューア jQuery Constant Footer フッタをブラウザ下部に固定配置するためのスクリプト。RSSを読み込んだりもできる ezMark jQuery Plugin チェックボックス、ラジオボタンをかわいいデザインに 変更できるプラグイン Cloud Zoom これはすごい気がする。画像の一部を拡大して
フルスクリーン・モード使えよ。楽だぞ 昨今のブラウザにはフルスクリーンモードが搭載されていて、それを使うと、コピペレベルで画像を拡大表示が出来る 画像をフルスクリーンにお手軽に作るHTMLの例 <div id='img01' onclick="this.webkitRequestFullScreen();" > <img src='http://cdn-ak.f.st-hatena.com/images/fotolife/t/takuya_1st/20141129/20141129034938.jpg' /> </div> <button onclick="img01.webkitRequestFullScreen();">フルスクリーンで表示</button> #img01:-webkit-full-screen { width: 80%; background-color: rgba(
新しいjQueryのプラグイン25 – creamu
86501330, Jupiterimages/ Goodshoot/ Thinkstock かっこいい動きが実装できるjQueryプラグインを探している。 そんなときにおすすめなのが、『25 Amazing and Fresh jQuery Plugins』。新しいjQueryのプラグイン集です。 既出のものがありますが、動きの洗練されたものがまとまっています。 YoxView – jQuer Image Viewer Plugin lightbox系のかっこいいスライドショー Uniform – Sexy forms with jQuery ラジオボタンやファイル選択ボックス、チェックボックスをjQueryでデザイン。ホワイト、グレー+ブルー、ブラックの3タイプがダウンロードできる jQuery Form Wizard Plugin フェードイン&アウトで遷移するバリデーション付きのフ
iPhoneやiPadにも対応・モニターサイズに合わせて拡大表示するLightbox風jQueryプラグイン - かちびと.net
iPhoneやiPadにも対応した、モニター サイズに自動的に合わせて拡大表示 してくれるjQueryプラグイン、Touch- Galleryのご紹介です。Lightbox系の スクリプトは沢山ありますが、こちらも 一つの選択肢として思えておくといつか 役に立つかも、と思ってエントリー。 PCは勿論、iPhoneやiPadでも、そのモニターサイズの幅に合わせてLightbox風にフルスクリーン表示してくれます。特に設定も不要なのは楽で良い感じ。というか、iPhoneやiPad向けに作られたっぽいですね。 Touch-Gallery ↑ モニターのサイズに自動で合わせて拡大表示してくれるjQueryプラグインです。 ↑ PCで見るとこんな感じ。基本的には普通のLightbox系の拡大表示です。 ↑ iPhoneで見てもモニターサイズに合わせて拡大表示します。 ↑ 横にしても自動的に横幅に合わ
サイトのデザインに合うlightbox系スクリプトを探している。 そんなときにおすすめなのが、『The Best jQuery Lightbox Scripts』。クールなjQueryのlightbox系スクリプト集です。 知らないのもあったりでいい感じのものが揃っていますよ。 CeeBox アニメーションがかっこいいCeeBox。画像だけでなく、iframeやFlash、動画を読み込めて、カスタマイズが可能。Flashの表示にはswfobjectを使用 ColorBox おっと思うような動きをしてくれるColorBox。画像以外も読み込み可能 Facebox facebookスタイルで画像をオーバーレイ表示。これは有名ですね。シンプルでとてもいい Fancy Zoom 画像やFlashなどを読み込める。すーっと拡大してくる動き FancyBox 動きがとてもクールなFancyBox ほか
最近あまり見なくなってきたし、個人的にも使う機会も減ったLightbox系のプラグインを久しぶりに探したついでにメモ。またいつか使うときのために・・・ライセンス形態と対応メディアも付けたのでそれなりに見やすいかもかもかも。 （デモもつけようと思ったけどめんどくさいからやめた・・・ jQuery LightBox plugin いつものLightbox。お世話になった人も多そう。 ページ
WebAir blogというブログで、シンプルなjQueryチュートリアルが紹介されています。 ざっとご紹介。 » Amazing Music Player Using Mouse Gestures and Hotkeys XHTMLとjQueryで実装されたミュージックプレーヤー。マウスジェスチャーとホットキーで動作する » FancyBox lightbox系のクールなエフェクト。MITライセンス » Jcrop 画像をトリミングする機能を追加できるjQueryプラグイン » Table Row Checkbox Toggle テーブルの行をクリックすることでチェックボックスにチェックを入れてくれる » AJAX Upload ページ遷移なしのAjaxファイルアップローダー » Scrollable jQueryで実装するクールなスクロールコンテンツ。HTMLを中に含むことができ、水平
レスポンシブ対応されたLightbox系のプラグインやライブラリのまとめで、ほとんどがjQueryプラグインになりますが、中には単体で動くものもあります。 また、対応コンテツやエフェクトが多数あるもの、オプションがひと通り揃っているもの、動きや見栄えは少し簡易的になりますがIE7・8といったブラウザまで対応しているものなどタイプも様々です。 紹介時に対応ブラウザやデバイスに関しても記載している内容は、基本的に各配布先で記載されているものになります。 ただ、特にIEの場合は対応しているが他のブラウザに比べ動きが簡易的になってしまっていたり動きが怪しいものなどもあるので、対応しているという記載があっても使用前に自身で動きの確認をおすすめします。 Swipebox プラグイン名にもあるようにスワイプで画像を切り替えることができ、ギャラリーやビデオにも対応しているjQueryプラグインです。 オプ
作成：2015/02/9 更新：2016/06/29 Web制作 > 企業サイトはサービスや商品の他、ビジョンやIR情報などで構成されています。今回はWordPressで構築した固定ページを見やすくするために、どういったjQuery・WPプラグインを使えばよいのか、またレスポンシブに対応させるための小技もメモしておきます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．ギャラリーページ ２．サービス／会社概要ページ ３．各ページの背景画像をクライアントさん側で変更可能に ４．問い合わせページ ５．CRM ６．商品を管理画面から操作 ７．アクセスページ ８．お知らせページ ９．SNS/TEL/GAアカウント変更管理 １０．Q&Aページ １１．ブログページ １．ギャラリーページ 以前、クライアントさんにギャラリーページを「ランダムにしてほしい」と言われたこと
Lightbox内にサムネイルも表示出来るイメージギャラリー系jQueryプラグイン・ppGallery - かちびと.net
ポップアップしたLightbox内にサムネイルも表示可能 なjQueryプラグイン・ppGalleryのご紹介です。Lightbox 系のjQueryプラグインの大半は1つずつ見ていくか、 一旦ポップアップを閉じてからもう一度開く必要があり ましたが、ppGalleryは一回開けばあとはサムネイルで 好きな画像に飛べるのでLightboxスクリプトの中でも イメージギャラリーに向いてそうです。 さて、今日は8月6日「ヒロシマ」の日ですね。1945年の今日の8時15分に原爆が投下されました。不幸にしてお亡くなりになられた方々のご冥福をお祈りすると共に、ご遺族の方々に対して心よりお悔やみを申し上げます。 現在、上記のようにGoogleストリートビューで原爆ドームの外と内を見ることが出来るようになっているようですのでチェックしてみてください。 では本題に戻ります。「Lightbox内にサムネイル
CSS REFLEXというサイトで、jQueryベースのWordPressプラグインがたくさん紹介されています。 いくつかご紹介しますね。 WordPress jQuery Lightbox Plugin ページにオーバーレイで画像を表示できる WP-Slimbox2 Plugin クールなlightbox系画像オーバーレイスクリプト Carousel Gallery (jQuery) カルーセルギャラリーを作れるプラグイン jQuery Comment Preview ライブコメントプレビューを実装できるプラグイン WordPress post information plugin meta情報を綺麗に見せてくれるプラグイン Snazzy Archives エントリーアーカイブをデザインされたレイアウトで表示してくれるプラグイン ?Audio Player mp3のリンクがクリックされた
最近５〜６年分の人気のある jQueryプラグインを，年別に全て把握するまとめ。定番プラグインの日本語解説付きページへのリンク集 - 主に言語とシステム開発に関して
JavaScriptプログラミングのTOPへ さいきん５〜６年で人気のある jQueryプラグインを， 年ごとに全て把握するためのまとめ。 毎年，「今年のお勧めプラグイン」が ランキング記事として幾つか発表される。 それらの記事へのリンク集。 目を通しておくだけで，最新のjQuery事情が把握できるし， Webデザインの引き出しを増やせる。 ２０１５年 ２０１４年 ２０１３年 ２０１２年 ２０１１年 ２０１０年 ※↑ もくじジェネレータ で自動生成 ２０１５年 [jQuery]WEB制作でよく使うjQueryプラグイン [2015年版] | EMiAC-Works http://emiac-works.com/coding/jquery/... 2015/04/16 WEB制作でよく使うjQueryプラグインをご紹介。色々使ってきた中で今のものに落ちついてきた。定番と呼ばれるものが多い ス
Flashを使わずに画像を魅力的に見せたい。 そんなときにおすすめなのが、『37 Fresh jQuery Image And Gallery Display Solutions』。jQueryを使った画像ギャラリープラグイン集です。 結構かっこいいのが揃っていますね。 ImageFlow Macのカバーブローライクなインターフェース PrettyPhoto jQuery Lightbox Clone クールなlightbox系画像拡大表示 The Lightbox Clones Matrix lightbox系スクリプトの機能比較表 The jQuery Cycle Plugin めくれるような効果やフェードなど、効果が面白いプラグイン CrossSlide jQuery plugin フェードしながらとてもクールに切り替わる ほかにもいろいろあるので、ぜひ見てみてください。 37 Fr
この記事は賞味期限切れです。（更新から1年が経過しています） jQueryUIのdialogは結構お世話になっているのですが、たまに欲しい機能がなかったり、あっても説明されてなかったりするのでここにDialogカスタマイズTipsをしたためておきます。 この記事の内容は既に古くなっています。現在最新バージョンのjQueryUIでは挙動が改善されていたり、渡せるオプションが変わっていたりします。 Modalしたダイアログをオーバーレイクリックで閉じる 任意の要素をクリックして閉じる アニメーションで閉じる・開く エフェクト中にオーバーレイの後ろに回りこんでしまうのを回避する 閉じる・開くアニメーションにパラメータを渡す 閉じるついでにデストロイする 1. Modalしたダイアログをオーバーレイクリックで閉じる escキー押下で閉じるオプションはあるのですが、このオプションはない様子。 そこで
ピュアCSSで作る効果的なエフェクト23 – creamu
web anthologyで、ピュアCSSで作る効果的なエフェクトが紹介されています。 ざっといくつかご紹介。 3-state Button using CSS 通常時、マウスオーバー時、クリック時の3種類のボタンをCSSスプライトで作るチュートリアル Pure CSS Polaroid Photo Gallery 重なり合ったポラロイド写真をCSSを使ってデザインする Bubble Effect with CSS マウスオーバーで拡大するMacのDockのようなバブルエフェクト Pure CSS Lightbox CSSで作るlightbox系画像拡大表示 Change Text Selection Color With CSS テキストハイライト時の背景色を変更する それぞれデモがわかりやすいので、一度見てみてください。 23 Pure CSS Effects/Solutions to
別窓を開かずにその場クリックで拡大画像を表示する4つの方法画像のクリック後にページを移動せず、その場で拡大画像を表示できるLightbox系スクリプトのおすすめ4本を紹介。JavaScriptを読み込むタグと短いHTMLを書くだけで簡単に使えます。jQueryを使う定番のLightbox2や、動画のポップアップも可能なColorbox、スマホ対応で全画面表示もできるIntense Imagesなどを紹介。CSSを使えば画像サイズの調整も簡単です。 画像クリックで拡大表示されるJavaScriptが便利 HTML内にたくさんの写真や画像を掲載するアルバムページなどでは、最初にサムネイル画像（縮小画像）だけを並べておき、閲覧者がそれをクリックしたりタップしたりした際にだけ拡大画像を表示するデザインがよく使われています。 ウェブページ上で拡大画像を表示する際には、ポップアップウインドウを出したり
![別窓を開かずにその場クリックで拡大画像を表示する4つの方法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/6ec4b03d1cb7a6f647ea70376bdd657185b7fdae/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F3%2F9%2F7%2F5%2F201708241603%2Ftopimg_original.png)
公開日 : 2015年7月6日 (2024年2月12日 更新) カテゴリー : アクセシビリティ ウェブサイトのユーザーインターフェース (UI) に、「モーダルウィンドウ」と呼ばれるものがあります。ページ遷移を伴わずに、ページ上にウィンドウをオーバーレイ表示させるもので、このウィンドウが前面で開いている間は背景側にある元ページが操作対象外になることから「モーダル」という名称が付いています。実装例としては、フォーム、アラート、画像の拡大表示 (いわゆる Lightbox 系と呼ばれるもの) などが挙げられます。 モーダルウィンドウは、あるページを開いているというコンテキストを維持しつつ付加的にコンテンツの提示ができる利点がある反面、基本的なユーザビリティやアクセシビリティが欠落しているケースが多く見受けられます。以下の観点を意識しながらデザインや実装をすることで、基本的なユーザビリティやア
JavaScript などを駆使したリッチな UI の需要も、ますます高まってきていると思います。 その証拠に、当バシャログでも、その手の記事が人気を集めています。 そこで今回は、そのようなエントリーをまとめてみます。ここ半年ほど物で、全 9 エントリーです。 それではどうぞ。 使いやすい lightbox 系スクリプト by sakai（2008/11/6） lightbox 系のスクリプトはとにかくたくさんありますが、その中でも比較的新し目で使い勝手の良いものをご紹介しています。 Fancy Box → デモ この系統のはどんどん出てきますね。 Sexy LightBox 2 残念ながら、この「sexy-lightbox-2」はこのエントリ執筆現在、サーバに繋がりませんでした。 ヴァーチャルツアーが簡単に作れる jQuery virtual tour by nakayama（2008/
こんばんは、先日右のみパーマをかけたishidaです。 最近はページや画像をlightbox系で表示する機会が多くなってきましたが、ポップアップで表示することも少なくありません。 今回ご紹介するのは、jQueryを使ったポップアッププラグイン jquery.popupwindow.js です。 設置方法 配布ページよりデータをダウンロードし、ポップアップを利用したいhtmlのhead要素などでファイルを読み込みます。 <script src="jquery.js" type="text/javascript"></script> <script src="jquery.popupwindow.js" type="text/javascript"></script> 表示する部分は以下です。 <a href="DUMMY.html" class="popupwindow">ポップアップ</a
Ajax/JavaScriptライブラリをまとめておきます。（順不同） | 基本 | 統合 | 表示系 | GUI部品 | イメージ | PGM連携 | ブラウザ | 特殊 | その他 | | リンク | 編集履歴 | ・基本ライブラリ ・・・Ajax開発のベースになるもの ↑TOP prototype.js Ajaxの開発が向上するAjaxライブラリ。 prototype.js の開発者向けメモ prototype.jsリファレンス prototype.jsリファレンス(JavaScriptist) prototype.js逆引きサンプル集 Prototype 1.5.0 Cheat Sheet Prototype 1.5 PDF 英語ながら、Prototype 1.5のAPIのサンプルと解説が166ページにもなる大作。 マウスホイールのイベント用拡張コード Prototype.js D
Stephane Caronさんのブログで、「jQuery lightbox clone – prettyPhoto」というタイトルの角丸でとてもかわいいlightbox系ポップアップが紹介されています。 白の角丸、黒で透過の角丸、黒で透過のスクエアなど、とてもかわいいデザインになっています。 ポップアップするスピードも気持ちいいので、かなり使えるのでは。 This script is licensed under Creative Commons Attribution 2.5. So you can use it in all you projects even commercial ones. ライセンスは「Creative Commons Attribution 2.5」。商用利用も可能とのことですね。 ブラウザチェックも以下の通りされているようだから安心ですね。 ・Firefox
twitter facebook hatena google pocket PCでの画像拡大と言えばLightBox系が席巻していましたが、スマホだとなんだか使いにくいものでした。 Swipeboxはスワイプ動作による画像間の切り替えも可能で、新時代の到来を予感させます。 なおPCでもキーボードによる遷移ができたりします。 sponsors 使用方法 Swipeboxからファイル一式をダウンロード。 <link rel="stylesheet" href="swipebox.css"> <script type="text/javascript" src="jquery-1.9.1.min.js"></script> <script type="text/javascript" src="jquery.swipebox.js"></script> <script type="text/ja
LightBox系のjQueryプラグイン、ThickBoxとSWFObjectでHTMLを用意せずに簡単にswfが表示できるようにしてみたよ。 ThickBoxはLigitBox（modal？）系のjQueryプラグインです。画像だけでなく、HTMLをIFRAMEやインラインに読み込んで、動的に中身を表示することができます。FlashもHTMLを読んじゃえば簡単に表示できるんですけど、SWFObjectの書き方ってすぐ忘れるしｗ。いちいちHTMLファイルを用意するのが面倒。。画像のときみたいに、URLにパラメータをぽこぽこ追加して、タグを動的に生成してくれたら楽なんじゃね？と思ったわけです。まー似たようなのはあるけど自分用ってことで。。 実装するよ jQueryとThickBoxとSWFObjectが必要です。現状の最新版でいいはず。 ダウンロードしてセッティングしときます。
はじめてスマートフォン向けサイトを制作したときに調べたことのまとめ。 （※スマートフォン専用サイトでiPhoneとAndroidに対応させる場合） 基本的にリキッドデザインにする 画面サイズの目安は、縦のとき：幅320px×高さ480px 横のとき：幅480×高さ320px。 iPhoneの場合は上記サイズで問題ないけど、AndroidのXperiaでは長いページのときにスクロールバーが表示され（初期のモデルSO-01Bで確認したので最新のは違うかも）320pxよりせまくなるっぽい。 あと、横に向けたときにいい感じに伸びてほしいと言われる（可能性がある）ので、スマートフォン専用のサイトならばリキッドデザインにしておいた方が無難。 （2013/10/23追記） Xperiaの初期モデルSO-01BのAndroid 1.6のとき（バージョンアップした場合は分かりません）の縦表示時の有効幅は31
2010年よく使ったような気がするjQueryプラグイン8個
twitter facebook hatena google pocket 本年もあと少しで終わりということで、この1年間よく使ったような気がするjQueryプラグインを列挙してみます。 2010年は上層部へのiPad普及が進むに連れ、「iPadでも動かしてくれ」「FLASHはNG」みたいな感じな1年でしたね。 sponsors もうFLASHはいらない！？画像切替えJavaScript「jQuery "Feature Carousel" plug-in 」 タイトルの通りです。 JavaScriptでもここまでできるという感じでした。 相手によっては、このFLASHいいね～なんて言ってくれそうです。 ■解説URL：http://www.skuare.net/2010/04/flashjavascriptjquery_feature.html ■本家URL：Brian K Osborne
Ajax/JavaScriptライブラリをまとめておきます。（順不同） | 基本 | 統合 | 表示系 | GUI部品 | イメージ | PGM連携 | ブラウザ | Flash | その他 | | 部品集 | リンク | 編集履歴 | ・基本ライブラリ ・・・Ajax開発のベースになるもの ↑TOP prototype.js 超メジャーなAjaxライブラリ prototype.js の開発者向けメモ prototype.jsリファレンス prototype.jsリファレンス(JavaScriptist) prototype.js逆引きサンプル集 Prototype 1.5.0 Cheat Sheet Prototype 1.5 PDF － API/サンプル/解説 Prototype.js Documentation － まとめサイト Prototype 1.6.0へのアップグレード実例紹
はじめに この連載では、プログラムはあまり知らないという方に向け、今話題のJavascriptライブラリの一つであるjQueryのプラグインを用いた、ワンランク上のWebサイト制作方法を解説します。 第1回では「プラグインをどのように見つけるか」について、その方法を紹介していきます。今後も増加の傾向にあるjQueryプラグイン。インターネットの海の中から自分に必要なプラグインを効率よく探すテクニックは、jQueryを使いこなす上での重要なポイントとなるはずです。 jQueryプラグインの見つけ方 インターネットの海から必要なプラグインを探す方法は、ざっと次の3パターンに分けることができます。 検索エンジンで探す リスティングサイト/ブログから探す RSS/ML購読など 当然、それぞれの探索方法は一長一短であり、以下にそれぞれの方法に対し、詳しく紹介していくことにします。 検索エンジンで探す
こんにちは、HTML+CSS担当の小森です。 スライドショーやサムネイル画像の拡大でよく見かける「Lightbox」のライブラリ。 気軽に取り入れられるライブラリでもあって、すっかり定着した感がありますね。 今回はこのLightboxのデザインをカスタマイズしてみたいと思います。 Lightbox系のライブラリは本当にたくさんありますが、 ここでは、定番の元祖Lightboxを使用してみます。 Lightbox 2（デモあり） http://www.huddletogether.com/projects/lightbox2/ レイアウト構造 HTMLソースをのぞいてみると、クリックをしたときに 画面全体を覆う半透明レイヤー（id="overlay"） 拡大画像配置レイヤー（id="lightbox"） がJavaScriptによって描画されるしくみになっています。 また、拡大画像配
[TB] WP2.5に入れるプラグイン10選 – MMRT daily lifeより、 「WordPress2.5でつくる！最強のブログサイト」出版記念企画 もし今、WordPressのプラグインフォルダに10個のプラグインしか追加できないとしたら、最低限何を入れますか？ プラグイン名とその理由を簡単に述べてください。（標準装備のAkismetとwp-multibyte-patchは除外します） あまのじゃくなんで 2.6 が出るのを待ってました(笑。 Contact Form 7 だって使いやすいんだもん (Thank you, Miyoshi-san!) FeedBurner FeedSmith FeedBurner使うんならこれっしょ Google XML Sitemaps ぐーぐるたんには世話になってるけんね Persistent Styles スタイルシートで必要な箇所だけ別管理
非常に美しい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
Lightbox系スクリプトの情報が一覧表になっているThe Lightbox Clones Matrixという素晴らしいサイトがあります。ここから一通り見て回って、自分なりに使えそうなものをピックアップしてみました。ほとんど勢いでまとめたものなので、情報としての正確性は低いかもしれませんが、ご容赦を。半分は自分用ってノリです。 自分はLightbox系のスクリプトを選ぶ時、そのサイトに予め組み込まれている（組み込む予定の）JSライブラリで使えるかどうかを基準に選ぶことが多いです。なので、必要とするJSライブラリ別にカテゴライズして並べています。 Highslide JS 必要ライブラリ： – 対応形式： 画像、画像ギャラリー、インライン、インラインフレーム、Ajax、Flash 対象指定： class属性＆onclick属性 ライセンス： CCライセンス 表示-非営利 2.5 一般 非商
lightbox系の、画像拡大スクリプトを探している。 そんなときにおすすめなのが、『jQuery.popeye 2.0』。画像をオーバーレイで拡大できるスクリプトです。 マウスオーバーすると、前後の画像へのリンクと、拡大アイコンが表示されます。動作が速くて、ユーザビリティーにはなかなかいい気がしますね。キャプションも入れられるようです。 ナビゲーションを画像の外に固定配置するタイプもあります。 一度見てみてください。 jQuery.popeye 2.0 ブログ書きまくり。久々に面白い記事が多いので止まらん。。止めたい。
はじめに 第4回はサイト（ページ）には必ず用意されているメニュー、それに関するプラグインについて紹介していきます。 プラグインを使うことで、サイトを差別化するための機能的／デザイン的なメニューをシンプルなHTMLから簡単に作成することができます。 お薦めメニュー系プラグイン メニューに関するjQueryプラグインもLightbox系のもの同様、様々なものが多数存在しています。今回も特徴的なもの3点をピックアップし、今回と次回、2回にわたり解説していきます。 Kwicks Kwicksはメニューの領域を、マウスオーバー／マウスアウトなどのイベントで収縮させるプラグインです。横方向のメニューだけでなく、縦方向のメニューにも利用することができ、収縮アニメーションのイージングや時間間隔も調整することができます（デモはこちらで確認できます）。 図1 Kwicks jQuery Multi Lev
Lightbox系の機能を簡単に導入できるWordPressプラグインを紹介します。 WordPressプラグインとして「Lightbox」が動作するので、導入や初期設定が簡単です。 この記事では導入が簡単なプラグインを厳選して紹介しています。 Lightbox系のプラグインは、派生系も含めて沢山存在します。 探しやすいように、お勧めのプラグインとその特徴をまとめています。 WordPressで「Lightbox」を利用する際に参考にして下さい。 はじめに Lightboxとは？ Lightboxとは、Webサイトでサムネイル画像を拡大表示する際に利用されるJavaScriptアプリケーションです。 サムネイル画像をクリックすると、別ウィンドウ風にふわっと浮いた感じで拡大画面が表示されます。 複数の画像をグループ指定すれば、ギャラリーのように表示することもできます。 「Lightbox」は
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
あるＳＥのつぶやき: Ajaxライブラリまとめ
jQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳
個人的に気に入ってる10のLightbox系jQueryプラグイン及び、その特徴まとめ - かちびと.net
サイトをかっこよくするためのjQueryプラグイン25+ – creamu
[JS]既存のLightbox系スクリプトの不満を解決したスクリプト -Lightbox_me
デザイナー・デベロッパーのためのjQueryプラグイン30 – creamu
画像を拡大全画面表示するのに、まだLightBoxとか言ってんの？ - それマグで！
クールなjQueryのlightbox系スクリプト集 – creamu
いまさらjQueryのLightboxぽいプラグインいろいろ :: 5509
シンプルなjQueryチュートリアルTOP12 – creamu
レスポンシブ対応されたLightbox系プラグイン・ライブラリ 10 - NxWorld
何を使えばよいか分かった！コーポレートサイトの各ページを制作する前にみておきたいこと
jQueryベースのWordPressプラグイン25 – creamu
jQueryを使った画像ギャラリープラグイン集 – creamu
jQueryUIのDialogをカスタマイズする6つの物凄く細かい小技 - Mach3.laBlog
別窓を開かずにその場クリックで拡大画像を表示する4つの方法 [ホームページ作成] All About
モーダルウィンドウを考える | Accessible & Usable
人気の「JavaScript ライブラリの紹介エントリー」 9 選 詰め合わせ | バシャログ。
ページを簡単にjQueryでポップアップ！ jQuery PopUpWinodow | バシャログ。
あるＳＥのつぶやき: 06.Ajaxライブラリまとめ
角丸でとてもかわいいlightbox系ポップアップ『prettyPhoto』 – creamu
画像のスワイプにも対応したスマホ時代のjQueryプラグイン「Swipebox」
hoelog - jQuery : ThickBoxとSWFObjectでswfを簡単に表示させる
html999 » スマートフォン用サイト-はじめてのコーディングの前におさえておくこと
あるＳＥのつぶやき: 06.Ajaxライブラリまとめ
第1回 プラグインを見つけよう | gihyo.jp
つくるぶガイドブログ: Lightboxのデザインをカスタマイズしてみよう（前編）
わーどぷれすっ！ » WordPress 2.6 に入れるプラグイン 10 選
非常に美しいLightBoxスクリプト「Sexy LightBox」
LightBox系スクリプト 16選 | Like@Lunatic
画像をオーバーレイで拡大できる jQuery.popeye 2.0 – creamu
第4回 メニューを彩るプラグイン（1） | gihyo.jp
Lightboxを簡単に導入できるWordPressプラグイン3個を比較