タグ「モバイルサイト」の付いている記事

以下の2件の記事が見つかったよ。

最も簡単で、必要十分で、モバイルにも簡単に対応できるHTMLの書き方

Webサイト作りを学ぶHTML初心者は、「こんなサイトを作りたい!」と思って、それを実現する方法を調べたりするが、見た目からよりも構造から入るほうがいい、というのが俺の結論である。

構造とはHTMLの構造のことだ。

実際、ほとんどのWebサイトは、HTMLだけを見ればどこも似たようなものである、と言っても過言ではない。

「こんな見た目にしたい!」と方法を探して、見つけたコードをコピペばかりしていると、いつの間にかHTMLはぐちゃぐちゃになってしまって、あとでCSSを弄ったりモバイルに対応させたりするときに困る、なんてことになりがちである。

HTMLバージョン5(HTML5)ではせっかく直感的な意味をもつ構造タグが追加されたので、それらを使った「簡単で、必要十分なHTML」の書き方を紹介したい。

» 続きを読む

れーとーびーむの作り方 - モバイル対応編

このサイトではモバイルへの対応を重視していると、ずっと言っている。

今やWebブラウジングの主役は完全に、スマホやタブレットといったモバイル端末なんだから当然だ。

スマホ向けコンテンツを制作している俺でなくても、すでにWebサイトのモバイル対応は必須となっている。

で、PC向けに作ったサイトがそのままでもスマホから見やすいかというと、そんなことは全くない。

PCのディスプレイとスマホの画面とでは、大きさ(主に幅)も向きも違うからだ。

そこで、それぞれのデバイスに合った表示方法を提供する必要が出てくる。

Googleなどの検索エンジンも、モバイルからのアクセシビリティ(閲覧のしやすさ)を重視する方向性となっている。

これに対応するためには、閲覧者のデバイスそれぞれに合わせて表示を切り替えるということをしなければならない。

そこで今回は、メディアクエリと呼ばれるCSSの機能を使い、閲覧者のブラウザの“幅”に応じて表示を切り替えることでモバイル端末に対応するレスポンシブ・ウェブデザインという方法を紹介する。

また、その他のモバイル対応に役立つテクニックも紹介する。

» 続きを読む