html5-memo.com
jQueryのlightbox系のプラグインColorboxをiPhone(スマホ)で使う : kagzugiの備忘録
Colorboxのダウンロードはこちら。 Colorboxはlightbox風の動作をするJavaScriptで、jQueryのプラグインとして動作します。 CSSのMedia Queriesを使ってレスポンシブなページを作っていると、lightbox系のJavaScriptでつまずきました。 iPhoneで幅480pxで作っています。 画像をクリックして「みよ～ん」と拡大されるのはいいのですが、画像の元の幅が480pxを超えてるとサイトのサイズをはみでて画像が表示されます。 当然の動きです。 でも、それだとかっこわるいです。 今作ってるサイトの幅は超えないでほしいです。 そこで英語のドキュメントとにらめっこしてみました。 で、解決方法です。 まず、Colorboxの設置作業は他のサイト等で情報がたくさんあるので省略します。 Colorboxが動くようにしてください。 次に<head>~<
スマートフォンサイト制作時に覚えておきたいCSS 15
スマートフォンサイトを制作する際、個人的に覚えておいた方が良いと思うCSSのプロパティやテクニックをまとめてみました。 自分用の備忘録ではありますが、他のブログ等でも取り上げられていることが多いので、いずれも覚えておいて損はないものだと思います。 普段から制作している方にとっては目新しいのはないと思いますが、まだスマートフォンサイトを制作したことがない方やまだまだ苦手だなと思う方は参考にしてみてください。 UA切り替え・Viewport指定・拡大縮小の有無・電話番号リンクの無効化・ホーム画面用のアイコン指定など、スマートフォンサイトを制作する際に最低限覚えておくべきと思うことは他にも沢山あるんですが、今回はCSSに焦点を当てています。 また、タイトルでは「スマートフォンサイト制作時」としてはいますが、レスポンシブWebデザイン制作時でも頻繁に使うものだったり、PCサイト制作時でもCSS3に
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.webcreatornote.com/2012/02/%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%B3%E7%94%A8%E3%82%B5%E3%82%A4%E3%83%88%E3%81%A7%E9%9B%BB%E8%A9%B1%E7%99%BA%E4%BF%A1%E6%A9%9F%E8%83%BD%E3%82%92%E6%89%8B%E5%8B%95%E3%81%A7/
