タグ

スマホUIに関するDrunkarのブックマーク (2)

  • Googleのアルゴリズム変更から見る「モバイル・フレンドリー」 | Web担当者Forum

    近年のスマートデバイスの急速な普及は、皆様も身を持って実感しているのではないでしょうか。特にモバイル端末の代表格となるスマートフォン(スマホ)は、単なる通話機器ではなく、今までパソコン(PC)が担っていた役割の一部を取って代わろうとしています。変化し続ける消費者のライフスタイルに対応しようとして、企業側がSEOなどのWeb施策で奮闘している中、Googleはモバイル検索のアルゴリズムに関する重要な変更を発表しました。今回の変更は検索結果にどのような影響を及ぼすか、また、企業としてどう対処すべきか、簡単にご説明しながら整理していきます。 <画像・図表が閲覧できる元記事はこちら> “アルゴリズムの変更”の意味とは?アルゴリズム(英文:algorithm)とは、問題を解くための手順を定式化したものを指します。検索エンジンの場合、検索のリクエストに対して必要とされる情報の洗い出しと並べ替えを、アル

    Googleのアルゴリズム変更から見る「モバイル・フレンドリー」 | Web担当者Forum
  • [CSS]かっこいいアイデアが盛り込まれた横からスライドするナビゲーション

    スクリプト無しで、コンテンツをスライドさせ、横からアニメーションで表示されるナビゲーションを実装するスタイルシートを紹介します。 このオフキャンバスのスタイルも少しずつ確実に進化してますね。 デモのアニメーション スライドの切替にはチェックボックスを使われており、ナビゲーションが表示される際には各アイテムが異なるタイミングでアニメーションします。 HTML コンテンツエリアはsection要素で、そこにナビゲーション表示のトグルとなるチェックボックスのラベルを配置します。ナビゲーションは、普通にリスト要素で実装します。 <div id="wrapper"> <div class="mobile"> <!-- トグルとなるチェックボックス --> <input type="checkbox" id="tm" /> <!-- ナビゲーション --> <ul class="sidenav"> <

  • 1