usako1124のブックマーク - はてなブックマーク

Prettier にまた苦しまされてる : (*x).b=z->a+y/c
◆ オプションつけないのにやっかいな強制変更ばかりしてくる Prettier ◆ バージョン上げないように固定してる ◆ なのに久々に以前のファイルをフォーマットしたら結果が変わってる ◆ 折返し地点のみ ◆ 今のところ実用レベルの代替ツールはなさそう ……が設定が少ないことにこだわりすぎて逆に不便なところが多いです issue で変更要望があって多くの人が賛成していても対応しないという姿勢ですオプションを追加すればいいのにそれすら拒否ですその割にときどき悪化するような破壊的変更を行いますそれでもう新しいバージョンは使わないと宣言してる人やバージョン固定の方法を勧めてる人もみかけます私もあるとき更新しても余計な変更しかされないので更新しないようにしました VSCode の拡張機能で使ってるので自動更新をオフにして過去バージョンの VSIX ファイルをダウンロードしてインストー
usako1124 2022/01/06
javascript
リンク
-webkit-overflow-scrolling 要らなくなってる : (*x).b=z->a+y/c
◆ -webkit-overflow-scrolling をつけると範囲外表示できないバグがあった ◆ 今も直ってない ◆ だけどなくてもデフォルトでなめらかにスクロールするから付ける必要がなくなった以前の iOS ではページ全体のスクロールはなめらかでしたが要素内のスクロールはすごくカクカクしてました要素内のスクロールは適当な要素に overflow: scroll をつけて要素内でスクロール可能にしたものですそれの対処方法に -webkit-overflow-scrolling: touch を指定するというのがありますこれを指定すると要素内のスクロールでもなめらかにできましたしかしこのスタイルにはバグが多いと報告されていて私が困ったものだとこのスタイルをつけた要素の外側に描画できないというものがありますスクロールエリアの中の要素で position: fixed
usako1124 2020/05/19
css

iphone
リンク
IE11 の flexbox の中央揃えが難しい : (*x).b=z->a+y/c
◆ display: flex; + align-it ems: center; 子要素に margin: auto; または ◆ display: flex; + justify-content: center; align-it ems: center; flexbox だと簡単なのですが IE11 でも見れるようにしないといけない場合はメンドクサそうですですが実は IE11 は display:flex; が使えますでも使えるからといってちゃんと動くかは別問題です Chrome だと <div style=" width:300px; height:300px; background:yellow; display:flex; flex-direction:row; "> <span style="margin:auto;">a</span> </div>
usako1124 2018/05/11
css
リンク
1