これがスマートフォン向けサイトを作るときの viewport 設定３パターンだ
スマートフォン向けの Web サイトを作るとき、viewport の設定次第で使い勝手が大幅に変わる。 最近はレスポンシブ Web デザインが流行してるけども、その大前提として viewport の設定パターンを抑えておくのは重要だろう。 この記事では、viewport の設定によって、見た目・使い勝手がどう変わるかを解説する。 パターン1: 何も考えずに HTML を書く まずは、viewport を指定せずに、単純な HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> </head> <body> <img src="/images/logo-ja.png"> <p>色んな素材がごった煮になった様子をお椀で表現しています。 湯気が<strong>「てっく」</strong>に見えるのが隠し味になっていま
HTML［a要素］電話発信用のリンクを設定する - TAG index
href属性の値には、tel: に続けて発信先の電話番号を指定します。（ハイフンは含めません） 次の例では、発信先として 0312345678 を指定しています。 href="tel:0312345678" 使用例 0312345678 という電話番号に発信する場合 <address> 連絡先：<a href="tel:0312345678">03-1234-5678</a> </address> 表示例 連絡先：03-1234-5678 上記の電話番号はダミーです。タップしないようお願いいたします。 PC向けのブラウザからは発信できません。
無料OS 「Ubuntu」にスマートフォン版登場、Android対応ハードで動作 【増田 @maskin】 | TechWave（テックウェーブ）
無料で提供されているOS 「Ubuntu」に、スマートフォン版「Ubuntu Phone OS」が登場する。 x86およびARMアーキテクチャのプロセッサで動作可能で、Android対応ハードであれば導入可能とのこと。ハード実装については、Ubuntuのサポート事業も展開するCanonical社がバックアップする。 マルチタッチ対応やネイティブ/HTML5対応のアプリプラットフォーム対応で、すでに「Go Mobile」という開発者向けサイトの提供を開始している。 また、スマートフォン&PCハイブリッドという特徴があり、スマホ向けに作成したとしても、PCでもそのまま動作する。その逆もあり。「Ubuntu Phone OS」対応ハードウェアでも、上位モデルにはスマホ&PCハイブリッドが実現されている。 ドックに挿せばフルPCに スマホ&PCハイブリッドは「Ubuntu Phone OS」のハイ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPressプラグイン「Multi Device Switcher」にPC/モバイルの切り替えボタンを設置するプラグイン