[レベル: 上級] 検索エンジン向けの Lazyload の推奨を Google は先日公開しました。 この推奨に関して、2つの補足をこの記事では紹介します。 1. polyfill は重要 ドキュメントでは、IntersectionObserver API と polyfill の2つの技術を実装するように Google は指示しています。 「SEO」という観点では、polyfill が非常に重要です。 現在の WRS(Web Rendring Service、Google 検索のレンダリングシステム)は、Chrome 41 相当です。 IntersectionObserver API は Chrome 51 からサポートされました。 したがって、IntersectionObserver API で遅延読み込みさせる画像を Google は認識できません。 そこで、polyfill が重
リンクや更新一覧などでタイトルの右側に「>」アイコンをつけることがよくあると思う。 imgファイルを配置してもいいのだけど、修正のたびに画像編集ソフトを立ち上げる必要がある。 テキストの「>」を配置してもいいけど見た目はイマイチ…。あとシステムフォントによって形が変わる。 アイコンフォントFont Awesomeは色やサイズを調整できるが、太さを調整できないのが惜しい。 ということで、単純な図形なのでCSSだけで完結する方法を検討した。 目次 リンクの「>」完成見本 HTML CSS原型 CSSで「>」アイコン追加 まとめ ※参考:CSSの基本についてはこちら 【CSSの基本】書ける前に読む!HTML、CSS、JSの書式-3 リンクの「>」完成見本 リンクの「>」ってこーいうやつね。(これはなんと読んだらいいんだろう?) HTML HTMLの構成は下記です。 <h1>リンクでよくある「>」
サブスクリプション(略してサブスク)という言葉をご存じでしょうか? 辞書的な意味は、「個々の商品を買い取るのではなく、利用期間に応じて料金を払う方式」。と書くと何だかややこしいですが、早い話が「定額課金」。元々はコンピュータのソフトウェアに使われていた用語で、ネットが進化してクラウドに大量のデータが置けるようになると、HuluやNetflixなどの映像配信や、Spotify、Apple Musicなどの音楽配信にも使われるようになり、一般に広く知られるようになりました。 アメリカで、Hulu、Netflix、Spotifyの3社が定額サービスを始めたのが2008年で、世界的なサブスク元年となりました。これらが日本に上陸したのは、一番早いHuluで2011年。日本は少なくとも3年遅れだったようです。 ちなみに、Huluの料金は月額1007円。そんな安い料金で、数千本の映像ソフトを見放題にして
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く