【情報募集中】ツイッターの丸化でプロフィール画面のアイコンを調整したい人向けのまとめ

18
めか @mechanical_y

Twitter本体もデザイン変更されたようで… 調べてみたところBodyの Edge-design クラスを殺せばおおむね元通りのアバターアイコンになるっぽい。 スクリプト書けないかやってみてたけど眠くなったのでギブアップ。

2017-06-16 03:04:13
めか @mechanical_y

Stylish でCSSを書いてTweetDeckのアバターを元の角丸に戻してみました。 .avatar クラスの border-radius を Twitter 本体と同じ 5px に上書きすると戻りますね。 pic.twitter.com/w8MeJCEdfK

2017-06-15 23:15:19
拡大
祥太(12/30東2 O52b「SHOWTIME」) @shota_

要するにさ、丸アイコンを元に戻すにはtwitter_core.bundle.cssの「border-radius: 50%;」を取っちゃえばいいんでしょ? pic.twitter.com/ntbkH1ZNYK

2017-06-16 12:04:08
拡大
拡大
ふみを @foooomio

TweetDeckにも対応しました! / Twitterの丸くなったアイコンを元に戻すUserScript(&Chrome拡張機能) - Qiita qiita.com/foooomio/items…

2017-06-16 16:41:13
リンク Qiita Twitterの丸くなったアイコンを元に戻すUserScript(&Chrome拡張機能) - Qiita # 追記 (16:40) 右上の自分のアイコンが丸になっていると報告を受けたので修正しました。 # 追記 (10:48) Chrome拡張機能のほうが便利という声があったので、拡張機能として公開しました。インストールは以下のリン... 3 users 2
𝑀𝑒 @Me_Myafky

Twitterの丸くなったアイコンを元に戻すUserScript(&Chrome拡張機能) by @foooomio on @Qiita qiita.com/foooomio/items… これを使わせてもらった pic.twitter.com/AFK8wd6H9M

2017-06-16 18:34:12
拡大
拡大
拡大
リンク chrome.google.com Twitter Icon Come Back Twitterの丸くなったアイコンを元に戻します
ブリリアントさくら夜📮︎︎︎︎ ♌ @kk16p586

Browser版のDeckだがChrome拡張のおかげでF5押しても元の角丸アイコンに戻ったぜ chrome.google.com/webstore/detai… pic.twitter.com/mKhsrTKs1U

2017-06-16 21:27:23
拡大
めか @mechanical_y

昨日のツイッターの変更 Twitterの丸くなったアイコンを元に戻すUserScript(&Chrome拡張機能) by @foooomio on @Qiita qiita.com/foooomio/items… てのが作られてたのでちょっと改変して使わせてもらうことに。

2017-06-16 20:03:57
めか @mechanical_y

@foooomio @Qiita 変更点は 1.自分の環境(Firefox54.0)ではURLの最後に/が入らないTwitterホームに移動したときスクリプトが動かなかったのでMatchに/のないURLを追加。 2.ifの条件反転を消せばreturn文いらなくなるのでちょこっと変更。

2017-06-16 20:09:27
こばやし @yshtotit

Twitter Web Clientでアイコンを四角に戻す アドレスバーに下記を入力 javascript:(function(){$('.avatar').css('border-radius','5px')})()

2017-06-16 01:30:53
こばやし @yshtotit

"javascript:...."をブックマークに登録してもいいかも

2017-06-16 01:33:32
こばやし @yshtotit

丸くなる前に開いてたTwitter Web Clientがまだ更新もせずに開かれたままだったから元の border-radius が 5px だったと確認できた。

2017-06-16 01:42:03
こばやし @yshtotit

スクリプト送り込んだ時点で表示されていたアイコンだけが四角に戻る(その後表示されたアイコンは丸いまま)というクソscriptだった

2017-06-16 01:47:22
こばやし @yshtotit

アイコンを四角に戻す これの方がいい javascript:(function(){s=$('<style>');s.append('.avatar{border-radius:5px!important;}');$('head').append(s);})();

2017-06-16 02:18:35
リンク 窓の杜 “Twitter”のデザインが刷新 ~プロフィールアイコンは丸く、ボタンなどは丸角に/初心者にも配慮した直感的に理解しやすいアイコンも導入 米Twitter Inc.は15日(現地時間)、“Twitter”のデザインを新しくしたことを発表した。ユーザーが残すべきと考える部分は残し、改善すべき部分は見直しを行うことで、よりよいデザインに近づけているという。 6 users 16
リンク GIGAZINE TwitterのUIデザインが丸く・シンプルに変更、一方ネットでは「21.46%の情報が失われた」と大喜利状態の様相も Twitterがサイトやアプリのデザインを一新したことを発表しました。突如としてアプリの画面がシンプルになり、なによりもアイコンの形が四角から丸に変わったことに驚いた人も多いはずですが、UIを含め 18 users 19
リンク 道すがら講堂 画像データのサイズを適宜変更できるようになろう - リサイズの方法 メールやブログサービスで画像を転送しようとしたとき、データ容量が大きすぎて送れないという場面に出会ったことはないでしょうか。そういった時は画像をリサイズして容量を削減してみると解決するかもしれません。 1 user 5
リンク フリーソフト100 無料画像縮小・リサイズソフト一覧 無料画像縮小・リサイズソフト一覧。複数の画像ファイルを縮小・リサイズできるソフト。複数のファイルを一括縮小できるので、デジカメ写真などの容量が大きすぎてメール転送できない場合にも便利です。また、ホームページ用やソーシャ… 7 users 24