CSS Gridのアニメーションが全モダンブラウザ対応! 手軽に楽しめる表現豊かなナビゲーション
Chrome 107およびEdge 107にて、CSS Gridで行や列のアニメーションが可能になりました。SafariおよびFirefoxは対応済みなので、全ブラウザで使えることになります。 本記事では、CSS Gridのアニメーションについてデモを交えながら解説します。 目的のレイアウト 次のようなレイアウトを作りながら解説します。 左側のナビゲーションと右側の写真表示エリアからなる2カラムのコンテンツです。 左側ナビゲーション内のボタンをクリックすると、次のことが起こります。 左側がアニメーションしつつ広がる 右側エリアがアニメーションしつつ狭まる 使用するHTML / CSS / JavaScript HTMLは次のようになっています。 ▼ HTML <heder> <button class="menu-button">メニューボタン</button> </heder> <div
Google、ついにAMP⚡ラベルを廃止？モバイル検索結果に表示されず
7月20日、Search Engine Landは、Googleのモバイル検索結果からAMPラベルがなくなっていることを報告した。 Googleは5年間にわたり、モバイルの検索結果にAMPページの稲妻アイコンを表示してきましたが、それがなくなりました。 Search Engine LandのページはAMP対応しているが、グレーのAMPラベルが表示されなくなっているようだ。 画像クレジット: search engine land Search Engine Landによると、代わりにページエクスペリエンスの表示を予想しているが、導入の可能性はまだわからないとしている。 記事の中で、AMPアイコンがなくなることで、ページをクリックする回数が減る可能性があると懸念を示している。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
