css
Google Chrome のスワイプによる戻るを無効化する
GoogleChromeを使っていたらいつからか左右スワイプでHistoryBack/Forwardされるようになっていたのだけれど、個人的にはスワイプでページ移動したくなかったので無効化したいなと思い、方法を調べたもの。環境要件GoogleChromeバージョン:89.0.4389.90（OfficialBuild）（64ビット）無効化ネットで軽く検索してみると、chrome://flags/#overscroll-history-navigationから設定の変更が可能であると紹介しているページが多数見つかります。ところが、現在のGoogleChromeからはこのフラグが削除されており、同様の方法では無効化できません。どうやら現在のGoogleChromeではこのスワイプ動作を、CSSのOverscrillBehaviorという、ウィンドウ領域外にスクロールを行った場合の挙動に吸収させ2021.03.30
FF のウィンドウ風カードデザイン
FFI-FFXまでを再現した一覧は以下。/panelsFF6.window-ff6{position:relative;margin:0;padding:1.5rem1.5rem1rem;color:#fff;text-shadow:#0001px1px;background:linear-gradient(180deg,#7b7bd60,#7b7bd65%,#7373ce5%,#7373ce10%,#6b6bc610%,#6b6bc615%,#6363bd15%,#6363bd20%,#5a5ab520%,#5a5ab525%,#5252ad25%,#5252ad30%,#4a4aa530%,#4a4aa535%,#42429c35%,#42429c40%,#39399440%,#39399445%,#31318c45%,#31318c50%,#29298450%,#29298455%,2020.09.17
CSSでカーニング
CSSでもカーニングできることを知ったので使ってみたところ、とても良かったのでこれからも使えるようにメモ。CSSプロパティfont-feature-settingsを使い、値に"palt"を設定します。句読点、括弧、中黒等を字詰から除きたい場合は、"pkna"を設定しても良いです。また、文字同士の共通的な間隔についてはletter-spacingを使って調整します。html{font-feature-settings:"palt";letter-spacing:.0234375rem;}カーニング適用前。キスティス「まずは【G.F.】をジャンクションさせて。そうすれば【アビリティ】をセットすることができるわ」カーニング適用後。キスティス「まずは【G.F.】をジャンクションさせて。そうすれば【アビリティ】をセットすることができるわ」参考https://developer.mozilla.or2019.01.04
