CSSで実装できるのか！ iPhone 15 Proのページで見かけたスクロール駆動のダイナミックアイランドを実装するテクニック
先週発表されたiPhone 15のWebページに、面白い仕掛けが実装されていました。Appleは新製品のページにはスクロール駆動のアニメーションを多数取り入れており、今回のはスクロール駆動のダイナミックアイランドです。 このスクロール駆動のダイナミックアイランドをCSSで実装するテクニックを紹介します。下記のアニメーションは少しゆっくりめにしています。 ダイナミックアイランド（Dynamic Island）とは、iPhone 14 Proで実装された機能で、カメラのパンチホール部分のスペースを利用して実行しているアプリのアクティビティを表示します。サイズはアプリごとに最適化されます。 参考: iPhone 14 ProのDynamic Islandの使い方 | Appleサポート で、今回のiPhone 15 Proのページにスクロール駆動のダイナミックアイランドが多数実装されています。コ
iPhone の Safari で文字サイズが勝手に大きくなる時の対処方法 - by Takumi Hirashima
iPhone の Safari で文字サイズが勝手に大きくなる時の対処方法を紹介します。 iPhone の Safari で文字サイズが勝手に大きくなる原因 Safari で文字サイズが勝手に大きくなる時の対処方法 iPhone の Safari で文字サイズが勝手に大きくなる原因 iPhone の Safari では、文字サイズを自動で調整する機能が働いて、意図しない箇所で文字サイズが変わってしまうことがあります。 Safari で文字サイズが勝手に大きくなる時の対処方法 文字サイズが勝手に変わらないようにするためには、css スタイルの -webkit-text-size-adjust を適用することで、指定した箇所の文字サイズが勝手に変わらないようにします。 例えば、iPhone の Safari で文字サイズを勝手に変えないようにするには、次のコードを該当箇所に追加します。 bod
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
