CSSオンリーで作られたLightBox「css-lightbox」:phpspot開発日誌

2015/12/10 11 users lightGallery CSS cssオンリー 全部 全画面

Cerealkillerway/css-lightbox GitHub CSSオンリーで作られたLightBox「css-lightbox」 CSSのみで作られたとは思えないような感じのLightboxがピュアCSSで実現されています。 関連エントリ 必要な機能は全部入ったモダンなLightBox実装jQueryプラグイン「lightGallery」 レスポンシブで全画面やズーム表示に対応したLi... 続きを読む

Lity - Lightweight responsive lightbox

2015/09/03 37 users

Lity is a ultra-lightweight and responsive lightbox plugin which supports images, iframes and inline content out of the box.Lity is a ultra-lightweight and responsive lightbox plugin which supports im... 続きを読む

クールな画像拡大jQueryライブラリ「lity.js」、レスポンシブにも対応！ | イリテク

2015/09/03 81 users レスポンシブ イリテク rel jQuery href

クリックで画像が拡大されるライブラリはlightboxなど数多くありますが、その中でもデザインの邪魔をせず、実装もかんたんなライブラリ、それがlity.jsです。 使い方 公式サイトから一式ダウンロード。 ダウンロードしたファイルの中で使うのはdistフォルダ内のlity.js、lity.cssのみ。 jQueryの後に読み込ませます。 <link href="lity.css" rel="sty... 続きを読む

[JS]画像を拡大表示するLightboxの進化形、デバイスごとに異なる設定も可能な高性能な軽量スクリプト -Chocolat | コリス

2015/07/30 69 users chocolat コリス スライダー ウィンドウ スクリプト

デスクトップ、タブレット、スマホのそれぞれに合わせた方法で、指定したエリアやウインドウいっぱいに画像を拡大表示したり、そのまま複数の画像を表示するスライダーにすることもできる、軽量で高性能な画像を拡大表示するスクリプトを紹介します。 スクリプトだけでなく、ページ全体やデモなども非常に面白いデザインです。 Chocolatの特徴 個人ユーザーからプロのWeb制作者まで 専門的な知識がなくても簡単に実... 続きを読む

画像を拡大全画面表示するのに、まだLightBoxとか言ってんの？ - それマグで！

2014/11/28 267 users onclick マク コピペ 昨今 HTML

2014-11-29 画像を拡大全画面表示するのに、まだLightBoxとか言ってんの？ フルスクリーン・モード使えよ。楽だぞ 昨今のブラウザにはフルスクリーンモードが搭載されていて、それを使うと、コピペレベルで画像を拡大表示が出来る 画像をフルスクリーンにお手軽に作るHTMLの例 <div id='img01' onclick="this.webkitRequestFullScreen();" ... 続きを読む

[JS]Lightboxの進化形！操作性が快適でフラットなデザインにもぴったりなレスポンシブ対応のスクリプト -Strip | コリス

2014/10/05 265 users jQuery インタラクション Strip コリス プラグイン

スマホなどの小さいスクリーンでは昔からあるLightbox風の体験を与え、より大きいスクリーンではページ上にインタラクションのスペースを残すよう設計された、画像や動画をアニメーションで拡大表示させるjQueryのプラグインを紹介します。 フラットなデザインにも相性が非常によく、操作も快適でエレガントです！ しかも、IE7+にも対応。 Strip Strip -GitHub Stripのデモ Str... 続きを読む

レスポンシブで軽量なLightBox実装「Rebox」:phpspot開発日誌

2014/08/26 39 users レスポンシブ ズーム phpspot開発日誌 関連エントリ

Rebox - jQuery or Zepto tiny small simple responsive lightbox レスポンシブで軽量なLightBox実装「Rebox」 画像のズームとギャラリー機能付きでレスポンシブなプラグインを選ぶ際の１選択肢として覚えておいてもよいかも。 関連エントリ レスポンシブで何でも埋め込めるLightBox実装jQueryプラグイン「VenoBox」 フラッ... 続きを読む

画像をフルスクリーンに拡大できるギャラリー作成jQueryプラグイン「fullsizable」:phpspot開発日誌

2014/07/29 23 users phpspot開発日誌 代替 フルスクリーン プラグイン 画像

画像をフルスクリーンに拡大できるギャラリー作成jQueryプラグイン「fullsizable」 2014年07月29日- jQuery fullsizable by MSchmidt 画像をフルスクリーンに拡大できるギャラリー作成jQueryプラグイン「fullsizable」。 HTML5のフルスクリーンAPIなども使ってLightBoxの代替として大きい画像を楽しむサイトに使えそうなプラグイン... 続きを読む

[JS]Lightboxの進化形！クリックでもタップでも快適動作の画像を拡大表示させる超軽量スクリプト -Intense Images | コリス

2014/07/08 218 users デスクト コリス スクリプト 単体 タップ

デスクトップのクリック操作、スマフォ・タブレットのタップ操作でも快適に、画像を拡大表示させる超軽量（7.8KB）のスクリプトを紹介します。 jQueryなど他のスクリプトは不要で、単体で動作します。 Intense Images Intense Images -GitHub Intense Imagesのデモ Intense Imagesの使い方 Intense Imagesのデモ デモはデスクト... 続きを読む

小型ウェアラブルカメラ「CA7CH Lightbox」--衣類に装着してハンズフリー撮影が可能 - CNET Japan

2014/07/07 66 users 衣類 ライブストリーム CNET Japan Wi-Fi 撮影

「CA7CH Lightbox」は小型ウェアラブルカメラだ。大きさ38×38×10mmで重量30gのLightboxは、8Mピクセルカメラを搭載することで静止画や動画の撮影およびライブストリームが可能となっている。動画の場合、30fpsで1080pの撮影ができる。 Lightboxは、8Gバイトのフラッシュメモリを搭載するが、撮影した画像をWi-FiまたはBluetooth経由でスマートフォンや専... 続きを読む

フラットデザインが美しいレスポンシブなLightbox「Nivo Lightbox」:phpspot開発日誌

2013/08/26 58 users phpspot開発日誌 フラットデザイン フラット化 ところ

フラットデザインが美しいレスポンシブなLightbox「Nivo Lightbox」 2013年08月26日- Nivo Lightbox - Dev7studios フラットデザインが美しいレスポンシブなLightbox「Nivo Lightbox」 次のようにシンプルなフラットデザインを採用したLightBoxが実装できます。 こういうところまでフラット化の波が押し寄せています。ざっぱ〜ん。 ... 続きを読む

LightBoxはここまで進化したよ「VisualLightBox」:phpspot開発日誌

2013/04/22 113 users phpspot開発日誌 オシャレ 好み 拡大 オリジナル

jQuery Image Lightbox: Prime Time DEMO LightBoxはここまで進化したよ「VisualLightBox」 CSS3等を使ってかなりオシャレに進化したLightBoxが実装できます。LightBoxはもう８年ぐらいまえに登場して、今オリジナルをみるとなんか古い感じがするということで時の流れを感じます クリックするとオシャレに拡大。 テーマが大量にあって好みの... 続きを読む

[JS]チェックしておきたいjQueryのプラグインのまとめ -2013年3・4月 | コリス

2013/04/21 291 users jQuery コリス キャプション Intro.js 補足説明

紹介済みから未紹介のものまで、最近リリースされたjQueryのプラグインをまとめました。 Intro.js ページのガイドを表示します。 Chardin.js オーバーレイでページの補足説明を表示します。 HCaptions 画像ホバーでさまざまなアニメーションでキャプションを表示。 SuperBox レスポンシブ対応で画像を拡大表示します、Lightboxの進化形。 tosrus タッチデバイス... 続きを読む

Google画像検索っぽい画像ギャラリーが作れるjQueryプラグイン「Superbox」:phpspot開発日誌

2013/04/08 27 users jQueryプラグイン phpspot開発日誌 インライン

Superbox, the lightbox, reimagined Google画像検索っぽい画像ギャラリーが作れるjQueryプラグイン「Superbox」 オーバーレイではなく、その場でインラインに画像が拡大されるGoogle画像検索はなかなか使いやすいですが、それを実現するためのjQueryプラグイン。 LightBoxが出たのが2005年ですが、あれからもう８年も経つんですね。あれから色... 続きを読む

[JS]lightboxの進化形、レスポンシブ対応で画像を拡大表示するスクリプト -SuperBox | コリス

2013/04/07 256 users jQuery コリス jquery.js CSS href

lightboxよりJavaScriptと画像ロードの依存を少なくした、レスポンシブ対応で画像を拡大表示するjQueryのプラグインを紹介します。 デモページ：幅780pxで表示 SuperBoxの使い方 Step 1: 外部ファイル 「<a hrefp://jquery.com/">jquery.js」と当スクリプト・スタイルシートを外部ファイルとして記述します。 <link href="css... 続きを読む

タッチデバイスに対応したフリーのLightbox・スライドショーjQueryプラグインまとめ6つ - W3Q

2013/03/26 54 users タッチデバイス W3Q

【Liquid Slider】 スマートフォンのタッチ操作に対応したjQueryコンテンツスライダープラグイン。 Liquid Slider: A Responsive HTML5 jQuery Content Slider http://liquidslider.kevinbatdorf.com/ The Liquid Slider is a fully featured HTML5-ready... 続きを読む

スワイプできるLightBox実装jQueryプラグイン「Swipebox」:phpspot開発日誌

2013/02/15 70 users Swipebox jQuery lightBox スワイプ

Swipebox | A touchable jQuery lightbox スワイプできるLightBox実装jQueryプラグイン「Swipebox」。 LightBoxが最初に出た時はタッチデバイスがこんなにも流行っているとは思いませんでしたが、今やタッチデバイスの勢いは留まることを知りません。 というわけで、タッチデバイスでも画像をスワイプで送ることのできるjQueryプラグインが公開され... 続きを読む

タッチデバイスにも対応したシンプルなLightboxを実装するjQueryプラグイン・Swipebox - かちびと.net

2013/02/08 71 users タッチデバイス net

続きを読む

今更ながら？みんな大好き「lightbox」プラグインを集めてみました - Webデザイン初心者向けのあれこれ

2013/01/13 74 users 風邪 プラグイン 2013-01-14 みんな大好き お馴染み

2013-01-14 今更ながら？みんな大好き「lightbox」プラグインを集めてみました HTML JavaScript CSS 風邪引いてしんどい…僕です。 登場から数年、すっかりお馴染みとなった「lightbox」。 この数年の間に様々な派生プラグインが出ました。 今回は、そのいくつかを紹介していきたいと思います。 1.ColorBox 2.fancyBox 3.prettyPhoto 4... 続きを読む

あの重さからさよなら！投稿画面から直接画像をドラッグアンドドロップでメディア追加できるWordPressプラグイン2種！*frasm

2012/10/15 1566 users frasm shintarowfresh 解放 プラグイン

精神的負担からの解放！ WordPressに画像を貼り付けるの、面倒ですよね。@shintarowfreshです。 なにより、メディアを追加するときのLightboxが実に重い！ あのLightboxから解放されて、投稿画面に画像をドロップするだけで貼り付けられたら、恐ろしく捗ると思いませんか？ というプラグインを2種ご紹介します。 意外にめんどくさい画像の連続貼り付けにも対応してくれてますよ！ ... 続きを読む

WordPressのアイキャッチ画像をドラッグ&ドロップで設定出来るプラグイン・Drag & Drop Featured Image - かちびと.net

2012/08/22 36 users WordPress アイキャッチ画像 ドラッグ＆ドロップ

WordPress3.3からファイルの アップロードはドラッグ&ド ロップで行えるようになりま した。この機能をアイキャッ チでも使えるようにする、と いうプラグインです。 アイキャッチを楽に設定出来るようにするWordPressのプラグインです。記事を書き終わったらドラッグすれば即設定出来るので動作が重い印象のLightboxを呼びだす手間が省けるのは割といいかも。 Drag & Drop Fe... 続きを読む

今こそ知っておくLightbox風プラグイン20+:phpspot開発日誌

2012/07/24 58 users phpspot開発日誌 マイナ インタフェース 定番 軽量化

20 Useful jQuery Lightbox Plugins 今こそ知っておくLightbox風プラグイン20+。 LightBoxが登場して7年ぐらい経つんでしょうかね。色々なところで見るようになったLightBoxのインタフェース。 新しいウィンドウを開く部分の軽量化、ポップアップブロック対策などとして広く使われるようになりました。 派生スクリプトも多数出てきていますので、定番からマイナ... 続きを読む

どれ使おう？モーダルウィンドウ（Lightbox 風スクリプト）を集めてみました | バシャログ。

2012/04/05 124 users モーダルウインドウ バシャログ

この間の春の嵐はすごかったですね。いろいろ飛ばされないように必死だった kimoto です。帰りの電車は久々に足が浮くほどの超満員を経験しました。 さて、ちょっとモーダルウインドウを調べる機会があったのでまとめてみます。 基本的に、全て jQuery で動くものになっています。 最新の情報ってわけではないですが、場面ごとに選べるものを集めてみたのでお試しくださいませ。 超シンプルな軽量スクリプト ... 続きを読む

CSS3で出来たクールなLightBox実装チュートリアル:phpspot開発日誌

2012/01/17 44 users phpspot開発日誌 CSS3 デモ クオリティ 実用例

CSS3 Lightbox | Codrops CSS3で出来たクールなLightBox実装チュートリアル。 もうなんでもCSS3でできるような気になってしまいますが、LightBoxもCSS3で出来るみたい。デモのクオリティも高いです セットのダウンロードも出来るので学習用と実用例として使えます。 クリックして開いた場合、CSS3によってオーバーレイでイメージが表示されます。 関連エントリ フル... 続きを読む

フィードバック用のフォームを簡単にブログに設置できるWordPressプラグイン・Usernoiseが便利そうだったので日本語の翻訳ファイル作った - かちびと.net

2011/08/29 54 users net 翻訳ファイル フォーム 日本語 ブログ

WordPressでWebサービスやブログを 運営していく上で、もっとユーザーのニーズ を知りたい、という方は普通のコンタクト フォームよりも、その場で表示できて、 送信も手軽に行えるフィードバック用の フォームを設置したほうが何かと効率的 だと思います。 そのためのWordPressプラグインがUsernoiseで、Lightboxで表示されるフィードバック用のフォームを簡単に設置できるのですが... 続きを読む