【スマホ用ページ】低解像度、高解像度端末のどちらでもくっきり綺麗に表示しつつ、幅ぴったりにする HTML テンプレート。
こんにちは、ウェブ開発の林です。 スマートフォン向けウェブページを作る際、横幅ぴったりにしたいと思いませんか。 meta viewport というタグを使えば表示サイズを調整することができます。 ただそれを使ったとしても、Android / iPhone は端末により横幅が違うため個別に最適化するのは面倒です。 スマホ端末ごとにコードを分けることなく常に幅ぴったりにする HTML テンプレートを作りました。 こちらを参考に組んでみてはいかがでしょうか。 HTML テンプレートコード（ヒント付き） こちらの HTML コードを丸っとコピペして修正していくと楽だと思います。 追記： ライセンスフリーです。自由に使ってください。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> <!--
スマフォサイトでよく見るパーツのコードサンプル集 | 07design.blog
最近スマートフォンサイトの案件が増えてきました。そこで、個人的によく使いそうなコードをEvernoteにまとめたりしていたのですが、 まだまだスマフォサイト構築のノウハウ記事も少ないですし、共有しておこうと思います。…最近スマートフォンサイトの案件が増えてきました。 そこで、個人的によく使いそうなコードをEvernoteにまとめたりしていたのですが、 まだまだスマフォサイト構築のノウハウ記事も少ないですし、共有しておこうと思います。 すべてのデモ（chromeなどのwebkit系ブラウザまたはスマートフォン実機でご覧ください） download ヘッダーの右にメニュー <h3>ヘッダーの右にメニュー</h3> <!--ヘッダーの右にメニュー--> <header class="header1"> <h1><a href="#"><img src="title.png" alt="SIT
スマートフォン向けサイトの作り方 | ユージック
スマートフォン向けサイトの作り方 2011年1月22日 iPhoneとAndroid両方に対応するスマートフォン向けサイトの作り方をまとめてみました。 スマートフォン向けサイト作成にあたっての基本概要 まず最初にスマートフォン向けサイトを作成する際に気になる点は画像の扱いだったりすると思います。 横幅ですが、解像度は機種によって様々ですが、縦向きで320px～640px、横向きで480px～960pxが主流となります。 標準となるものを設けるとなると、320px(横)/480px（縦）を標準として良いかなと思います。 ※iPhone4、4Sは640px/960pxの解像度ですが、内部解像度で320px/480pxと解釈してくれるため。 ですので、クライアントに見せるデザインカンプなどを作成する際も縦を標準とする際は320px（横）で作成すれば問題ないといえますが、iPhone4、4SやAn
livedoor、スマートフォン向けにトップ画面のデザインを最適化
ライブドアは、ポータルサイト「livedoor」のデザインとインタフェースをリニューアルし、iPhoneやAndroid端末などのスマートフォン向けに最適化した。 今回のリニューアルでは、トップページに「おすすめサービス枠」「写真付きニュース枠」「おすすめメディア」の3つの枠を新設し、ほかのサービスやメディアへスムーズにアクセスできるようになった。「livedoor Blog」と「livedoor ニュース」では、「ブログトピックス」と「写真付きニュース枠」をそれぞれ追加し、読み物のボリュームも増加している。 livedoorへのアクセスは http://www.livedoor.com/ から。
スマートフォン対応サイトの作り方、教えます (1/3)
「WebサイトをiPhoneやAndroidで見やすく表示したい」「スマートフォンをターゲットにしたWebサイトをデザインしたい」――そんなWeb制作者のための新連載がスタートします。PCサイト制作のノウハウさえあれば、「モバイルサイトは未経験」でも大丈夫。スマートフォン（iPhone/Android）向けサイト制作の基礎知識から実践的なテクニックまで、H2O Space.のたにぐちまことさんが解説します。（編集部） iPhoneの快進撃とiPhone 4の登場、Android端末のXperiaとDesireのヒット、au初の国産Android端末「IS01」の発売――と、スマートフォンの勢いが止まりません。いまや一部マニアやビジネスマンにとどまらず、女性やお年寄りなどの幅広い層にまでスマートフォンの利用は広がり、「1台目の携帯電話」として購入する人も珍しくなくなりました。 PCとの連携、
来週、はてなダイアリーがバージョンアップします - はてなダイアリー日記
日頃よりはてなダイアリーをご利用いただき、ありがとうございます。はてなダイアリーは来週半ば、早ければ 5/19 (水) にバージョンアップを行う予定です。当日に突然の告知とはならないよう、変更に先立ちその内容のあらましを、ここでお知らせいたします。 バージョンアップの主な内容 今回のバージョンアップは、はてなダイアリーを (1) ツールとして洗練させる、新しいデバイス/サービスに対応させる (2) より気軽にブログを書いていただけるための改善を行う、という2点が目的となっています。 具体的には、長らく更新が滞っていた管理ツールをデザインも含めて洗練させつつ、iPhone や Twitter などの新しいデバイス/外部サービスにも対応。また、2つめ以上のブログを追加で始められるオプションを設けることで、気軽に新しいブログを始められるなどの変更を盛り込みました。これらの目的に対しては、今後も続
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
株式会社paperboy&co.
sp-web.jp
楽してiPhone対応サイトを仕立てる方法 | ライフハッカー・ジャパン