ツイデクのスクロールバー直らない問題、ベターツイートデックのCSSに下記入力で解決したので同じように悩んでる方の御参考になれば…！☺️ .js-column-scroller::-webkit-scrollbar { display:none; }

"WebKit Features in Safari 17.5 | WebKit" realtime.jser.info/2024/05/14/web… → webkit.org/blog/15383/web… Safari 17.5の変更点について。 CSSのtext-wrap: balance、light-dark()、@starting-style、@imp

Safari 17.5の変更点について。 CSSの`text-wrap: balance`、`light-dark()`、`@starting-style`、`@import <url> supports(<feature>)`のサポート。 AV1 for WebCodecsのサポートなど "WebKit Features in Safari 17.5 | WebKit" webkit.org/blog/15383/web… #safari #ReleaseNote

より表現豊かなグリッドレイアウト CSS Grid Level 3。WebKit も頑張っていますね。 webkit.org/blog/15269/hel…

参考）CSSでたまに見かける、-webkit-って何だろう...？｜あずにゃん zenn.dev/azunasu/articl… #zenn ということでwebkitはブラウザ依存性ありそうです。

少しだけ作業！ css素人なのですが、webkit-とかってブラウザ依存(Firefox,Edgeだと動かない)と思うけどアプリ版を想定してる場合は関係ないってことで良いんでしょうか…？ 結構プラグインとかのコード見てると、webkit-だけしか書かれてない(他のブラウザは想定してない？)のも多く…。

返信先:@god_master_shin中身のwebkitのせいでCSSの描画バグが多すぎる

CSS小技✨ clampをfont-sizeではなく文字数で制限し 12行以降を３点リーダー表示する🎶 width: clamp(23ch, 50%, 40ch); -webkit-line-clamp: 12; 1️⃣要素の幅が23文字より小さい→23文字に設定 2️⃣要素の幅が50%より大きい→50%に設定 3️⃣上記2つの条件を満たさない←40文字に設定 #Codejump #デイトラ pic.twitter.com/wUKWMJG5Y8

2024.04.30💡やったこと 《模写課題》CSSのコーディング 計: 2時間00分 ✍️感想 ・max-width。1200なら、1200まで適用1201から標準適用。 ・-webkit-とは、ベンダープレフィックスという。ブラウザごとに合わせた非標準機能。 #RaiseTech #日報 #BuildUpDaily

レティーナの時に背景の表示を変えたくてimage-set()では画像の入れ替えしかできないので、CSSでグラデを入れ替えるのにメディアクエリで @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { } ってやれば切り替えできるのがわかったけど、結果かっこ悪かったから止めた😑

CSS小技✨ 文字にアウトラインをつける🎶 💻共通　color: #fff; 1️⃣text-shadow: 1px 1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,-1px -1px 0 #000; 2️⃣-webkit-text-stroke: 1px #000; 3️⃣-webkit-text-stroke: 1px #000; paint-order: stroke; #Codejump #Web制作 #デイトラ pic.twitter.com/utu4QLq1UA

CSSで -webkit-line-clamp: 2; を指定してもどうしてもSafariで1行分しか表示されなかった（Chromeではきちんと2行分表示されていた）の、ずっと困っていたけど中に display: inline-block; 指定された要素があったからだった。解決。

WebKitのブログでメイソンリーレイアウトの例が出たってか。 CSSグリッドレイアウトLevel 3の新機能か。 おいらの仕事にも使えそうだな。 でも、新機能覚えるのも一苦労だよな。 #社畜モルモットの悩み

epubにcssの(has:)を使うと、Google Play Booksとhontoのビュワーでcssを読んでくれなくなるな。 Webkitを使うBooksは大丈夫だった。

Help us invent CSS Grid Level 3, aka “Masonry” layout | WebKit webkit.org/blog/15269/hel… CSS Grid を用いた Monsonry レイアウトが、Safari TP で使えるようになったっぽい！ 2年前からFirefoxでフラグを有効にしたら使えたけど、Safariのほうが早いとは twitter.com/bc_rikko/statu…