スマートフォン用サイト 目次
- iPhone用にサイトの幅と画面の幅を合わせるには
iPhoneやスマートフォンでサイトを表示させると文字が非常に小さく表示されてしまいます。そこで、画面にぴったり合わせて表示させてみましょう。 - viewportとは
iPhoneやスマートフォンでサイトを表示させると、字や画像が小さくなってしまいますが、metaタグのviewportを指定してやると見やすくなります。 - スマホとパソコンでサイトの表示を変える
スマートフォンとパソコンで、サイトをそれぞれに合わせたデザインで表示する方法を考えてみました。 - パソコンでiPhoneのエミュレーター
スマホ用のサイトを作成している時にパソコン上からiPhoneでどのように表示されるか確認できるiBBDemo3というソフトの紹介と使い方を説明します。 - googleリーダーの代わりに自作RSSリーダーを作ってみた
googleリーダーが終了するということと、jQueryを覚えようと、RSSリーダーを自作してみようと思い腰を上げてみました。意外と簡単に作れたものの著作権の関係で・・・ - スマホでwidth指定が有効にならない
CSSでWidthを100%など指定しても、アンドロイドのブラウザで見ると、有効にならない場合がいあります。その場合の解決策。 - パソコンでスマホサイトを確認する
パソコンでスマートフォン用に作成されたサイトを確認する方法を紹介します。タップやスワイプも再現できます。 - iOS9の広告ブロック対策 初級編
iOS9から搭載された、広告ブロック機能「コンテンツブロッカー」やadblock Plusのような広告をブロックするアドオンなどをオンにしているユーザー対策です。 - コンテンツブロッカーでクッキーは有効か?
広告ブロック(コンテンツブロッカー)で、クッキーはきちんと動作するのでしょうか?とあるページに設置したアクセスカウンターで調べてみました。 - 広告ブロック機能でアナリティクスもブロックされるか
iOS9から搭載されたコンテンツブロック(通称広告ブロック機能)は、アナリティクスも無効になってしまうのでしょうか?実際に調べてみました。 - AMPが表示されない?AMPエラーチェックの仕方
サイトをAMPに対応させたのですが、最初Googleの検索結果にAMPのマークがついていたのですが、その後、エラーが表示されてAMP表示されなくなってしまいました。 - iPhoneのSafariでページを拡大縮小させない方法
iPhoneのiOSが10になってから、Webページを拡大縮小させない指定の「user-scalable=no」が使えなくなってしまいました。そこで代替方法を紹介したいと思います。ピッチイン・アウト、 - 画像を縦の中心にしたい align
HTMLの画像タグのプロパティ「align」の値の違いについて調べてみました。文章中に画像を挿入し、画像をテキストの中心に合わせたいのに、ずれてしまう。 - 画像の遅延読み込み スクロールしたら表示させる
転送量を少なくするために、ページがスクロールして画像が表示されたら読み込みを開始する、遅延読み込みをjQueryを使って実現させてみました。 - iPhoneのSafariだと明朝体になる
iPhoneのSafariでサイトを表示させると、明朝体になってしまい見にくいので、対策を考えてみました。老眼にはスマホの文字はもともと見にくいです。