タグ

Webデザインとモバイルに関するmiya1972のブックマーク (3)

  • “モバイルファースト”の本当の意味と、Web担当者が知っておきたい基本&実践3ステップ | Web担当者Forum

    「モバイルファースト」というキーワードをご存知だろうか。その名の通り、まずモバイルサイトを中心にコンテンツを考え、PCなど他のデバイスへと対応させていく考えだが、その当の意味を勘違いしている人も多いようだ。 スマートフォンの登場で注目を集めているモバイルファーストでは、「ワンソースから各デバイスに対応していく考え方」がポイントになる。そのとき重要になるのが、コンテンツを一元管理できるマルチデバイス対応CMSの存在だ。 この記事では、Webサイト制作現場だけでなく、企業Web戦略の面でも重要な意味を持つ、モバイルファーストの基について解説する。 スマートフォンの普及で見直しが迫られるPCサイトスマートフォンの普及が加速している。ケータイキャリアのプロモーションや新製品ラインナップを見れば、これは当然の流れだろう。インターネットにアクセス可能なデバイスとして見ると、PC、フィーチャーフォン

    “モバイルファースト”の本当の意味と、Web担当者が知っておきたい基本&実践3ステップ | Web担当者Forum
  • モバイルサイトデザイン集のモバイルデザインアーカイブ 公式サイト

    モバイルデザインアーカイブとは? 携帯サイトを制作する上で、「ケータイサイトを参考にしたいけど、仕事に役に立つケータイサイト集ないかなー?」と思っているデザイナーの方へ向けて公開させていただきました。 そんなモバイルデザイナーのモバイルデザイナーによるモバイルデザイナーのための国内最大の携帯サイト集です。 モバイルサイト制作を請け負ったけど、「なかなかデザインがまとまらない」「洗練 された携帯サイトのデザインを参考にしたい」といった方のために、優れたデザインの ケータイサイトを集めました。 デザインに優れた携帯サイトはもちろん、技術的に優れた携帯サイト、そして現在のウェブトレンドを捉えた携帯サイトを掲載しています。

  • Google、スマートフォン向けWebサイトの構築方法を公式ブログで解説

    Googleはこのほどウェブマスター向けの公式ブログにて、スマートフォン向けWebサイトの構築方法に関する記事をアップした。同社が推奨する構築の手順や、Google検索で良い結果を得る方法などが紹介されている。 記事の中で、同社はスマートフォン向けWebサイトの構築方法としてレスポンシブWebデザインを推奨している。レスポンシブWebデザインとは、CSS3のメディアクエリを使用して見た目を変更するWebページの構築手法。レスポンシブWebデザインを採用することで、PC用のページとモバイル用のページを同じURLにできるため、ユーザーにとってはシェアやリンクが容易になり、Googleのアルゴリズムもコンテンツを適切にインデックスできるようになるという。また、ユーザーエージェントの異なるGooglebotごとにページをクロールする必要がなく、Googleがより効率的にコンテンツを見つけられるとい

    Google、スマートフォン向けWebサイトの構築方法を公式ブログで解説
  • 1