レスポンシブ動画も実装できるモーダルMagnific Popup｜こうめの“これから使える”jQueryプラグイン
「Magnific Popup」は、可変ウィンドウに対応した高機能なモーダルを実装できるjQueryプラグインです。 画像をLight box風に表示するだけでなく、ギャラリーや動画のモーダル表示にも対応しており、さまざまなエフェクトも用意されています。 また、スマートフォンで厄介なモーダル上のformの動作も問題なく動作しますので（Android 2.3／4.0／4.1／4.2で検証）、レスポンシブWebデザインで役立ってくれそうですね。 step1 jQueryプラグインの読み込み jQuery本体をjQueryの公式サイトから、Magnific Popupを配布ページからダウンロードしましょう。Magnific Popupはgithubで公開されており、ページ右下の「Download ZIP」というボタンからダウンロードします。 最低限必要なファイルはdistフォルダの「jquery
todya-only.net
Bing Mapsの基礎〜応用 某GのmapのAPIを利用するのにクレカ登録が必須となったので、Bing Mapsでどのくらいまでいけるのか試してみた。 主な使用技術 Bing Maps API、JavaScript、CSS、レスポンシブ 詳しく見る Youtube APIを使用したサンプル YouTube Data API (v3)を使用し、JavaScriptにてユーザーチャンネルの動画を取得するプログラムを作成。 主な使用技術 YouTube Data API、JavaScript(jQuery)、CSS、レスポンシブ 詳しく見る ポケモンGO図鑑 Githubに公開されている「Pokemon-DB」を元にページを生成 主な使用技術 JavaScript(jQuery)、CSS、レスポンシブ、Photoshop（タイプのドット絵を作成） 詳しく見る
iPhoneに最適化したモーダルウィンドウを表示するjQueryプラグイン | かえラボBlog
スマートフォン対応サイトではよく見られるのが、Ajaxによるコンテンツの切り替えです。ページ遷移によるユーザーのストレスを軽減を図る手法として利用されているものと思われます。この手法でたまに見られるのがモーダルウィンドウ（通称Lightbox。モーダルボックスとも呼ばれる）です。 今回はスマートフォン（主にiPhone Safari）に最適化したモーダルウィンドウを表示するjQueryプラグインを作りました。デモや使い方など、詳しくは以下の解説ページにて。 "smartModalWindow" jQuery plugin - 解説ページ スマートフォン端末ではiPhone 3GS Safari、iPhone 4 Safariで動作確認しています。PCのブラウザでも動作しますが、WebKit系以外はアニメーションしません。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
[JS]クロスブラウザ対応、モーダルボックスの軽量スクリプト -SimpleModal
