タグ

ブックマーク / www.mdn.co.jp (4)

  • MdN Design|総合情報サイト

    スマートフォンと違い、iPadなどのタブレットに最適化された表示を行っているサイトはまだまだ少ない。 そこで今回は、LESSON 13同様、別HTMLを用意せず、同じHTMLJavaScriptCSSを使用して、タブレットタイプ用に表示を最適化させる。 タブレット用にするからといって特別にHTMLの作り方を変える必要はなく、正しくマークアップできていれば基的に問題ない。 ただ、あまりにも無駄に多い入れ子構造や、レイアウトは避けたほうがよい。あくまでも(X)HTML/CSSを意識して作ろう。 今回はタブレットにも使用されるので、HTML5やCSS3を駆使してPC用も作ってよいが、IEなどの未対応ブラウザへの対応が発生するので注意が必要だ。 【1】のような、ブログ形式のPCページ構成をベースに構築していく。 使用するCSSは ・PCCSS(デフォルト) ・スマートフォン用CSS ・タブ

    MdN Design|総合情報サイト
  • MdN Design|総合情報サイト

    iPhone 4はiPhone 3GSと同じ画面サイズのまま、2倍の解像度となった。 Androidでは機種により異なるが、1.5倍のものが多い。 同じ画面サイズで表示できるピクセル数が増えたため、細かい文字もくっきりとして読みやすくなった。 しかし、コンテンツの1pxをデバイス上の1pxとしてそのまま表示すると、全体的に小さく表示されてしまうことになる。 そこで、WebKitをベースとしたブラウザには「devicePixelRatio」というプロパティが用意されている【1】。 devicePixelRatioとは、直訳すると「デバイスのピクセル比率」で、コンテンツの1pxを実際のデバイス上で何pxとして描画するかを示すものである。 【1】スマートフォンのdevicePixelRatioと解像度の一例

    MdN Design|総合情報サイト
  • MdN Design|総合情報サイト

    ケータイサイト制作・運用からマーケティング活用まであらゆる情報を網羅! 今“ 知っておくべき”ケータイサイト制作事情 第1回 携帯端末向けWebサイト(ケータイサイト)は企業のコミュニケーション戦略の中で無視できない存在になってきた。そこで今回から制作者が「今、知っておくべきこと」を連載で伝えていきたい。第1回目は少し総論的になるが「企業と制作者、そしてユーザーがハッピーになる」という視点から制作のツボと最新情報をまとめてみよう。

    MdN Design|総合情報サイト
  • webcreators

    今月までに新しくオープンした企業サイトやキャンペーンサイトなど、Web制作会社が手がけた国内外の最新Webサイトを紹介していきます。詳しい内容については、誌をご覧ください。サイトならびにリンク先は雑誌掲載時のものです。 |→2009| →2008| →2007| →2006| →2005| →2004| →2003|

  • 1