タグ

2013年1月8日のブックマーク (2件)

  • スマートフォン対応サイトを制作する5つの方法。

    今さら…な感じですが、スマートフォン向けサイトを制作する方法をざっくりとまとめました。私のように、これからスマホサイトの作り方を学ぼうとしている方の参考になれば幸いです。 作り方は様々で、それぞれにメリットとデメリットがあり、どの方法を選ぶのかはサイトの規模や方向性によってケースバイケースかな、と。つまり、Web制作者としてひと通りの知識を頭に入れておく必要がありそうです。覚えなくちゃいけないことがいっぱいあって大変ですね…>< そもそもなぜスマホ対応が必要なのか? スマートフォンでも、PC向けのWebサイトをそのまま閲覧することは可能です。が、物理的に画面サイズが小さいため文字が読み難かったり操作しにくかったり、通信速度やCPUの問題で大きな画像や大量のコンテンツは読み込みに時間がかかったりと、快適に閲覧できるとは言えません。 ですので、画面サイズやスペック、操作のしやすさ、通信速度など

    スマートフォン対応サイトを制作する5つの方法。
    doresing
    doresing 2013/01/08
  • HTML5の基本を学べる、各要素のコメントでの解説が嬉しいシンプルなテンプレート -HTML5 Bones

    ゼロからあなた自身のページを作る時のガイドとして利用されることを目的とし、最小限の要素で構成されたHTML5の基に忠実に作成したテンプレートを紹介します。 HTML5 Bones HTML5 Bones -GitHub HTML5 Bonesの構成 HTML5 Bonesは非常にシンプルで、jQuery, Modernizeなどは含まれていません。含まれている外部のライブラリは、クロスブラウザ用にNormalize.css、IE8以下用にHTML5をレンダリングさせるためのhtml5shivだけです。 使用している要素もページを作成する最小限の要素で構成されており、テンプレートを利用するにあたり各要素をどのように使うべきか、インラインでコメントで細かく説明されています。 下記に、そのインラインコメントを翻訳しました。 年末年始をまたいで制作者のIanさんとやり取りをしていたので、公開に時