ホームページを「スマホ対応」するポイントを徹底解説します！
スマートフォン向けの Web サイトを作るとき、viewport の設定次第で使い勝手が大幅に変わる。 最近はレスポンシブ Web デザインが流行してるけども、その大前提として viewport の設定パターンを抑えておくのは重要だろう。 この記事では、viewport の設定によって、見た目・使い勝手がどう変わるかを解説する。 まずは、viewport を指定せずに、単純な HTML をスマートフォンで表示してみる。
色んな素材がごった煮になった様子をお椀で表現しています。 湯気が 「てっく」 に見えるのが隠し味になっています。 「てっく煮」の右肩の「+4」 を「と、よん」と読むことで、 ドメイン名の と等しくなります。
表示結果 iPhone 3GS (iOS 5. 1. 1) で表示してみた ( デモ ページ)。 スマホ対応していないサイトを表示した状態だ。 スマホートフォンは PC 向けのサイトを表示するときには、「横幅 980px 向けにデザインされている」という前提で描画する。結果として、文字が小さくなる。 どれぐらい小さくなるか、iPhone を例に調べてみよう。iPhone のそれぞれの世代で、横幅 980px のページがどれぐらい縮小されて表示されるかを計算してみた。 世代 解像度 縦向き 横向き iPhone 1~3 320px × 480px 32. そのスマホの見方は危険！ 肩こり・首の痛みを甘く見てはいけない：竹谷内康修の「自分で治す！からだの痛み」：日経Gooday（グッデイ）. 7% 49. 0% iPhone 4 640px × 960px 65. 3% 98. 0% iPhone 5 640px × 1, 136px 116.そのスマホの見方は危険！ 肩こり・首の痛みを甘く見てはいけない：竹谷内康修の「自分で治す！からだの痛み」：日経Gooday（グッデイ）
皆さんは自分の恋人が席を外した時、携帯を置き忘れていったならどうしますか?
ニュースサイトの記事をコピーして、自分のブログで紹介した――。インターネット上ではありがちな行為だが、実は法律違反に当たる可能性が高い。知らぬ間に"犯罪者"にならないために、パソコンやスマートフォン(スマホ)、インターネットを活用する上で欠かせない法律の知識を身に着けておく必要がある。今回は、著作権に関する法律知識をQ&A形式で解説する。 【問1】 違法動画をYouTubeで見てもよい?