[フレーム]
はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできます コメント表示の設定

ブックマークしました

ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

86users がブックマーク コメント 4

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

[JSなし] パワーアップしたView Transitions APIでMPAをSPAみたいにする - Qiita

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

はてなブックマーク

はてなブックマークで
関心をシェアしよう

みんなの興味と感想が集まることで
新しい発見や、深堀りがもっと楽しく

ユーザー登録

アカウントをお持ちの方はログインページ

記事へのコメント4

  • 注目コメント
  • 新着コメント
otchy210
MPA でこれをやると、この CSS を知らないブラウザでは従来通りの挙動になるので、自然とプログレッシブエンハンスメントになるところが良いね。中途半端に実装するブラウザが現れた時が怖いが。

その他
field_combat
ページ遷移時のアニメーションをCSSだけで出来るようになるらしい

その他
otchy210
otchy210 MPA でこれをやると、この CSS を知らないブラウザでは従来通りの挙動になるので、自然とプログレッシブエンハンスメントになるところが良いね。中途半端に実装するブラウザが現れた時が怖いが。

2024年06月10日 リンク

その他
Shinwiki
そんでChromeでしか動きませんってのやる気?そんなのIE6じゃん

その他
yarumato
"Chrome126(2024年6月)から、View Transitions APIが別ページへの遷移でも使える。"

その他

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

プレビュー
アプリのスクリーンショット
いまの話題をアプリでチェック!
  • バナー広告なし
  • ミュート機能あり
  • ダークモード搭載
アプリをダウンロード

関連記事

usersに達しました!

さんが1番目にブックマークした記事「[JSなし] パワーア...」が注目されています。

気持ちをシェアしよう

ツイートする

[JSなし] パワーアップしたView Transitions APIでMPAをSPAみたいにする - Qiita

2024年6月11日リリースのChrome126から、View Transitions APIがパワーアップし、別ページへの遷移でも... 2024年6月11日リリースのChrome126から、View Transitions APIがパワーアップし、別ページへの遷移でも使うことができるようになったので紹介したいと思います。 View Transitions APIとは View Transitions APIは、画面遷移をなめらかに行うことができる機能です。 この機能を使うと、以下の動画で紹介されているように、ページ遷移にアニメーションをつけることができます。 まずはView Transitions APIの特徴から紹介したいと思います。 特徴1:異なるDOM要素間でアニメーションできる アニメーション前後のDOM構造が異なっていても、アニメーションを行うことが可能です。 例えば、<div>がアニメーションで変化しつつ<img>要素になる、といったアニメーションが可能です。 特徴2:アニメーションがCSSで自由自在 アニメー

ブックマークしたユーザー

  • rmochi2024年08月15日 rmochi
  • techtech05212024年07月04日 techtech0521
  • masakuma08122024年06月17日 masakuma0812
  • o_hiroyuki2024年06月12日 o_hiroyuki
  • iusuche892024年06月11日 iusuche89
  • field_combat2024年06月11日 field_combat
  • okyawa2024年06月11日 okyawa
  • imaizm2024年06月11日 imaizm
  • tg30yen2024年06月11日 tg30yen
  • midas365452024年06月11日 midas36545
  • scheat2024年06月10日 scheat
  • u-qreil82024年06月10日 u-qreil8
  • fivestech2024年06月10日 fivestech
  • locke-0092024年06月10日 locke-009
  • snake-rotation2024年06月10日 snake-rotation
  • jassmaz2024年06月10日 jassmaz
  • hnagoya2024年06月10日 hnagoya
  • inaly2024年06月10日 inaly
すべてのユーザーの
詳細を表示します

ブックマークしたすべてのユーザー

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

同時期にブックマークされた記事

いま人気の記事 - 企業メディア

企業メディアをもっと読む

はてなブックマーク

公式Twitter

はてなのサービス

Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しましたx

AltStyle によって変換されたページ (->オリジナル) /