タグ

2017年1月6日のブックマーク (2件)

  • Google、サイト専用のニュースAMPカルーセルをモバイル検索で提供開始。パブリッシャーには露出アップのチャンスになるか

    [レベル: 上級] モバイル検索のトップニュースAMPカルーセルは、複数サイトからのニュース記事が混ざって掲載されます。 しかしGoogleは、サイト専用のニュースAMPカルーセルの提供を始めました。 Googleパブリッシャーにとっては、検索結果での露出アップのチャンスになりそうです。 こちらは今日の早朝の「トランプ」のモバイル検索結果です。 トップニュースのAMPカルーセルが通常のオーガニック検索結果の上に表示されます。 AFPBB News と 朝日新聞デジタルの記事が見えています。 左方向にフリックすれば、その他のニュースサイトの記事も出てきます。 説明するまでもなく、もうおなじみですね。 検索結果をそのまま下にスクロールすると、今度はZAKZAK専用のニュースカルーセルが出てきます。 ZAKZAKはAMP対応しているのでAMPカルーセルになっています。 ZAKZAKのすぐ下には、

    Google、サイト専用のニュースAMPカルーセルをモバイル検索で提供開始。パブリッシャーには露出アップのチャンスになるか
  • cssで複数の線をつける方法について - Qiita

    この記事でお伝えしたいこと この記事は、cssで複数の線をつける方法についてです。 要素に複数の線をあてるのは非常に面倒ですが、こちらで紹介した方法を用いることで簡単に実現ができます。以下ではその方法を紹介したいと思います。 作り方 サンプル 作り方 box-shadowというプロパティを利用します。 box-shadowは要素に影をつけるためのプロパティです。1 borderやoutlineとは異なり、一つの要素に複数設定することができます。2 box-shadow:0 0 0 10px #c00,0 0 0 10px #cc0 inset box-shadowの三番目の数値はぼかし距離を設定する値です。これを0にすることで一切ぼやけない影、つまり、線の代わりになります。 ただし、注意点としてbox-shadowのデフォルトの設定では、widthの値の外側になってしまいます。それを防ぐた

    cssで複数の線をつける方法について - Qiita