表示速度を飛躍的に向上させるHTML/CSS最新仕様「content-visibility」「Lazy loading」「contain」をコード付き簡単解説
これまではJavaScriptを用いて実装するしかありませんでしたが、ついにimgやiframe要素であればloading="lazy"を付与するだけで、簡単に実装できます。 <!-- 画像に適用する場合 --> <img src="pic.png" alt="画像の詳細" loading="lazy"> <!-- iframeに適用する場合 --> <iframe src="external.html" loading="lazy"></iframe>画面外では読み込みが発生しないので、必要になった時（画面内に要素が入りそうになった時）に読み込みが発生するのでパフォーマンスが向上します。 また画像についてはsrcsetを用いたレスポンシブな画像に対しても指定できますし、picture要素を用いてfallback形式でも記述できます。 <img src="normal.png" srcse
iPadでHTML5でWebアプリを作ってみました。
こんばんは。LatLongLabの河合（@inuro）です。 ようやくiPadが日本でも発売されましたね。入手された方もたくさんいらっしゃることかと思います。 ヤフーではこのiPad国内発売にタイミングを合わせ、Yahoo!ラボで「yubichiz」というiPad専用の地図Webアプリを公開しました。 Yahoo!ラボ - yubichiz（ゆびちず） 詳しい機能はリンク先ページを見ていただくとして、 地図に書かれた文字（大塚家具、とか紀伊國屋書店、とか）をタップするだけでその店舗の詳細情報が表示されます 地図を指でなぞるだけで、なぞったラインの距離を測定できます 同様に地図を指でなぞるだけで、道沿いのお店を検索できます といった特徴があります。 またyubichizは、App Storeからダウンロードするいわゆる「アプリ」ではなく、HTML5を用いてiPadのSafari上で動作するW
「続きはWEBで」をすぐに検索可能、Yahoo！JAPANが新サービス「テレビ版Yahoo！JAPAN」を開始
大手ポータルサイト「Yahoo！JAPAN」が本日から新サービスとしてテレビ版「Yahoo！JAPAN」の提供を開始するという発表会を行いました。 テレビを見ていて気になるワードがあった時や、「続きはWEBで」というCMが流れた時にすぐさま検索できるといった「テレビならではの検索方法と楽しみ方」を追及したサービスとなっており、過去に発売されたテレビを含めた幅広いメーカーのテレビに対応したサービスとなっています。 詳細は以下の通り。 左からYahoo！JAPAN取締役社長 井上 雅博氏、プラットフォーム開発本部 EW 開発部 部長 坂東 浩之氏、フロントエンド開発本部 EW 開発部 住友 永史氏です。 井上氏によると、今回サービス提供が開始されたテレビ版「Yahoo！JAPAN」は、一日のうちパソコンに接している時間が限定的であり、テレビとの接触時間がパソコンとの接触時間の10倍にあたるため
XMLサイトマップを検索エンジンに送信するとクロールがどう変わるのかテストしてみた | Web担当者Forum
人間誰でもそうだけど、いいものも悪いものも含めて、僕にはいろんな癖がある。この間、あるクライアントのWebサイトに取り組んでいるとき、いつものようにXMLサイトマップを作って検索エンジンに送信したんだけど、そのときに考え始めたんだ。XMLサイトマップって本当にサイトの役に立っているんだろうかってね。XMLサイトマップを検索エンジンに登録すると、どんな効果があるんだろうか。 そこで、そこそこ人気のあるブログを運営していて、WordPressとGoogle XML Sitemaps Generator for WordPressというプラグインを使っているクライアントに頼んでみたんだ。僕が作ったトラッキング用のスクリプトをサイトにインストールして、検索ロボットの動きを追跡させてくれないかってね。Google XML Sitemaps Generatorがどんなものか知らない人のために説明すると
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
憲法違反「ブロッキング議論」を誘発した、クールジャパン機構を巡る官民の癒着構造(山本一郎) - 個人 - Yahoo!ニュース
アカウント管理ページ - Yahoo!無線LANスポット
ヤフーの画像はなぜyimg.jpドメインなのか？ サイト高速化の手法とヤフーの失敗例 | 初代編集長ブログ―安田英久
MAJOR.JP｜MLB 日本語公式ライセンシーサイト
http://buzz.dendrocacalia.com/2007/02/yahoo_pipes.html
