スマートフォンサイト制作 » スマフォサイトの基礎 viewport
スマフォサイトへの第一歩 viewport viewportについて説明します。viewportを設定しないことにはスマフォサイトの制作が始まりません。 viewportって？ viewportはウィンドウのサイズのようなものです。初期値はなんと横幅980pxに指定されています。スマートフォンの第一人者であるiPhoneの横幅は320pxですから約３倍の幅が指定されています。そのため図のように表示されてしまいます。なんとも文字が小さくて見にくいです。 viewportを指定してみる viewportで横幅を320pxに指定してみると図のようになります。文字の大きさはちょうどPCで見るのと同じぐらいの読みやすいサイズになりましたね！ なぜviewportを指定するのか？ 開発しやすいからです！開発はPCで行います。プレビューもPCで行います。PCでのフォントサイズの見栄えとスマフォでの見栄え
スマフォサイトでよく見るパーツのコードサンプル集 | 07design.blog
最近スマートフォンサイトの案件が増えてきました。そこで、個人的によく使いそうなコードをEvernoteにまとめたりしていたのですが、 まだまだスマフォサイト構築のノウハウ記事も少ないですし、共有しておこうと思います。…最近スマートフォンサイトの案件が増えてきました。 そこで、個人的によく使いそうなコードをEvernoteにまとめたりしていたのですが、 まだまだスマフォサイト構築のノウハウ記事も少ないですし、共有しておこうと思います。 すべてのデモ（chromeなどのwebkit系ブラウザまたはスマートフォン実機でご覧ください） download ヘッダーの右にメニュー <h3>ヘッダーの右にメニュー</h3> <!--ヘッダーの右にメニュー--> <header class="header1"> <h1><a href="#"><img src="title.png" alt="SIT
［翻訳］これからHTMLとCSSを学び始める君へ
この記事は『Stack Overflow』に投稿された、user553944による質問「Would you recommend starting from HTML5 & CSS3 for beginners?」と、Boldewynによる最も評価されていた回答を翻訳したものです。 翻訳は完全ではありませんし、だいぶ意訳している部分がありますので、ぜひ原文もご参照ください。 また『Stack Overflow』の質問・投稿はCreative Commons Attribution-ShareAlike 3.0 Unportedですので、この記事も同様のライセンスで公開しています。 user553944による質問私はウェブデザイン・開発の世界に入りたいと考えているミドルスクールの学生です。 私は小さいころからウェブ（を使うこと）に興味を持っていましたが、今は“作る”側になりたいと思っています。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Makes you HTML souce eautifully indented - Ham Cutlet