#わーどぷれす攻略班・わい よしっ！！！ ちな用語（文字）のとこは、太字だと存在感つよつよなので、縁どりして少しだけ存在感を増せないかと下のCSS入れてみた！ .library-new-title{ -webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: #222; } pic.twitter.com/n86Wtr8XRu

HTML CSSでつまみの大きさが指定できる縦のスライダー作ろうと頑張ったけど -webkit-appearance: none; しないと大きさ買えられなくてこれをすると縦にならないからtransformで回転させるのが正解か

今回、最新ソシャゲ入れてびっくりしたのが「2019年以前のiPhoneは切り捨てていいんだ！？」だったので自サイトのHTML/CSSまわりも古いiPhone切り捨て視野に入れていいのかも。ただWebkitの話だから「iOS17未満は考慮しない」みたいな道筋になる。となるとiPhoneX/8以前は切り捨て。2017年以前の機種

webフレームワークとかいうやつの優位性が良くわかってなかったが生のcss、js、htmlでそこそこのギミックを作るとwebkitで高確率でバグり散らかすとわかり使おうかな～の気持ちに

CSSは以下の通りです！ コピペして使ってください！ overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3;

返信先:@RyosukeUjita他1人JavaScript がoffになっているか、-webkit…のcssが不足している？

こことか。Safariの CSSプロパティサポート率が上がるとサイトデザインに反映/採用しやすくなるので一番よく見ている（※趣味であり日頃の楽しみとして読んでいます） 🔗webkit.org 📌WebKit

＼ CSSだけで文字数制限 ／ 3行だけ表示して、 4行目以降は非表示 ができるよ！ 👇これを書けばOK overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; めっちゃよく使うのに、一生このコード覚えられないから、スニペット登録してます🙋‍♀️ pic.twitter.com/mpmDgc2dqP

返信先:@Shu_TwiそういやWebkitに合流したんだっけか？ JSエンジンに目が行ってたけどCSSレンダラーも... (firefox(Mozilla)がsunに捨てられたJava化思想で...😱😱😱

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

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