スマートフォン対応でよく使うhtml、css、javascriptのまとめ
スマートフォン(ios、android)向けのウェブサイト・ウェブアプリを作る際に個人的によく使うhtml、css、javascriptの備忘録。 html関連 headタグ内での設定<!-- //デバイスサイズにあわせて表示領域を変更する --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- //電話番号のリンクを無効化 --> <meta name="format-detection" content="telephone=no"> <!-- //ホーム画面用アイコン --> <link rel="apple-touch-icon" href="icon.png"> <!-- //ホーム画面用アイコンの光沢を無効化する --> <link rel="apple-touch-icon
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
スマートフォン専用ページを作成する際に知っておきたいポイント｜Webpark
最近今あるサイトをスマートフォンに対応させるべく、コツコツがんばっているわけですが、その際に気になったことや知っておきたいポイントをまとめてみました。基本的な内容も多いと思いますが、ご参考になればと思います。 1. スマートフォンに対応させるには？ ウェブサイトをスマートフォンに対応させるには2つのパターンがあると思います。 PCにもスマートフォンにも対応したページを作成するか、PC用ページとは別にスマートフォン専用ページを作成するかです。 1つ目のPCにもスマートフォンにも対応したページは、Media Queriesを使う場合が多いと思います。 Media Queriesを使うと画面のサイズの違いによって適用するCSSを変更することができます。 例えば、CSS-Tricksというサイトは画面サイズによってレイアウトが大きく変わってます。 Media Queriesについては後で簡単に紹介
Androidの場合のみbodyにclassを追加するJavaScript
Androidの場合のみbodyにclassを追加するJavaScript ちょっとした修正でAndroidだけCSSを変更しなくてはいけないことがあったのでAndroidの場合のみbodyにclassを追加するJavaScriptを書いてみました。 <body> <script> if(/Android/.test(window.navigator.userAgent)){ document.getElementsByTagName("body")[0].setAttribute("class","android"); } </script> 上記のようなJavaScriptをbodyの後に書いておくとAndroidの場合のみbody要素に「android」というclassが設定されます。 ライブラリ化するのも大げさなので、ちょっとした修正の際にコピペして利用してください。 関連エントリ
【Firefoxアドオン】FireMobileSimulatorでAndroidをエミュレート
Andorid端末向けのサイトを構築する際に動作確認をするのにAndroid SDKに付属するエミュレータをインストールするのは面倒だったので、簡単にできないものかと調査したメモ。 Firefoxを携帯エミュレータにしてくれるアドオン「FireMobileSimulator」を使うと簡単にできる。インストールはこちらから。 インストール後、ツール → FireMobileSimulator → 最新端末リストから端末を追加から「HT-03A」を検索。 選択して「選択した端末を追加」で完了。あとはツール → FireMobileSimulator → DC HT-03Aを選択すればOK. Firebugとの連携でデバッグもしやすい。 ちなみに試してたのは、WordpressをAndroid端末, iPhone, iPod touch向けに表示してくれるプラグイン「WPtouch」
“iPhoneとAndroidの時代”のWEBデザイン- 明日のモバイルほろ酔い語り | 居酒屋明日のモバイルほろ酔い語り
「ご無沙汰してますが最近いかがですか」 N氏「以前に比べると少しヒマになりましたね」 「やっぱり不景気だから？」」 N氏「いや、仕事は前より増えてるんですよ。広告収入じゃなくて有料サイトが多いので」 「やっぱり有料サイトはまだ不況の影響は受けてないですか」 N氏「どちらかというと、端末の値段が上がって機種変する人が減ってることが問題かな」 「ああ、機種変するとコンテンツ買いますからね」 N氏「そういうのは減ってるから、新規サイトも前ほど激しくはなくなりましたね」 「最近の端末は新機能が結構地味なんだよね」 N氏「そう、それで端末の値段のせいか知らないけど、最近iPhone売れているらしいじゃないですか？」 「いまどき0円キャンペーンとかやってるしね」 N氏「IT業界にいると、いまiPhone持ってない方が少数派でしょ？」 「Googleの社員も平気でiPhone持ち歩いてたの見ましたよ」
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
