ブラウザの拡張機能である“Stylus”（Chrome 版 / Firefox 版）を使って、ウェブサイトの見た目を変えることができます。この記事では、そのサンプルを紹介します。 Stylus 自体の使い方の解説は、こちらをご参照ください。 〈目次〉 Cosense Cosenseのページに掲載した画像をマウスでクリックして大きく表示したとき、画像の縦の長さを制限する ページタイトルの直下に横線をひく WorkFlowy カーソルのある行に背景色をつける 関連記事 Cosense Cosenseのページに掲載した画像をマウスでクリックして大きく表示したとき、画像の縦の長さを制限する 画像の縦の長さが、ウィンドウの高さよりも長いときに、はみ出ないようにするために使います。 max-heightの値として一応、100vhを採用していますが、それでも縦がはみ出る場合は、少し減らして90vhぐらい

ブラウザの拡張機能（アドオン）である“Stylus”（Chrome版 / Firefox版）を使って、ウェブサイトの外観を変えることができます。 この記事では、その使用例として、Dynalistのメニューの中にある任意の機能を非表示にするCSSを紹介します。 Stylus自体の使い方の解説は、下記の記事をご覧ください。 〈目次〉 概要 非表示にしたサンプル 各メニューを非表示にするためのCSS Collapse Collapse All Expand Expand all Expand to level Level 1 Level 2 Level 3 Level 4 Collapse all siblings Expand all siblings Zoom in Add note Delete Delete checked items Add to bookmarks Sort Titl

ブラウザの拡張機能であるStylus（Chrome版 / Firefox版）を使って、Dynalistの背景色を変えるためのCSSの書き方を紹介します。 ヘッダー（ページの最上部）やサイドバーを含めて、通常見えているエリアの全ての色が変わります。*1 Stylusの使い方については、こちらの記事をご参照ください。 なお、Dynalistの有料版を利用している場合は、本記事で紹介しているCSSを、DynalistのカスタムCSSの入力欄にそのまま入力するだけでもよいだろうと思います。その場合はStylusは不要です。 〈目次〉 スクリーンショット CSS 背景色・文字色・アイコンの色 その他の細かい部分 CSSの適用先の指定 文字が見えにくい部分がある場合の対処法 （備考）Userstyles.orgからのCSSのインストール スクリーンショット 下記に示すCSSを全て適用すると、このような

ブラウザの拡張機能である“Stylus”（Chrome 版 / Firefox 版）を使って、ウェブサイトの見た目を変えることができます。この記事では、そのサンプルを紹介します。 Stylus 自体の使い方の解説は、こちらをご参照ください。 〈目次〉 Dynalist チェック済み項目に付く取り消し線を表示しない チェック済み項目の先頭にチェックマーク（✓）を表示する 行頭のバレットを消す 横幅を調整する 画像の最大横幅を指定する 画像の最大縦幅を指定する インラインコードの文字色を変える Roam Research Twitter（ツイート）の展開を避ける 半角スペースがある位置で改行されるのを防ぐ 本文中に貼り付けた画像の横幅や縦の長さの最大値を指定する はてなブログ 編集画面の「お題」を非表示にする TweetDeck カラムの横幅を変える 引用されたツイートの本文の色を変える コト

ウェブブラウザの拡張機能（アドオン）である“Stylus”（Chrome版 / Firefox版）を使って、ウェブサイトの見た目を変えることができます。この記事では、そのサンプルを紹介します。 Stylus自体の使い方の解説は、下記の記事をご覧ください。 〈目次〉 Twitter PCブラウザ版で左側のサイドバーをスクロールするためのスクロールバーを消す タイムラインに表示されているツイートのフォントサイズを変える Web版のTwitterで「＃ 話題を検索」・「トレンド」・「おすすめユーザー」・「フッター」を非表示にする 「トレンド」欄内の広告を消す（旧UI） 左下のアカウント表示を消す 「○○さんがフォローしています」をPCのブラウザにおいて非表示にする サイドバー内の“Twitter Blue”を非表示にする DuckDuckGoの検索結果の横幅を変える Evernote Web E

〈目次〉 設定のしかた 備考 スタイルシートの例 ダークテーマ 各ページの下に表示される関連ページの大きさを変える トップページに表示される各ページを1行ずつに細く表示する 各ページの下に表示される「関連ページ」を各1行ずつに細く表示する トップページで、ページ一覧が表示される領域の横幅の最大値を変える 各ページのタイトルと本文が入る領域の横幅の最大値を変える 各ページの下の「関連ページ」一覧が表示される領域の横幅の最大値を変える 各ページのタイトル・本文・関連ページが表示される領域の横幅の最大値を変える 引用部分の文字をイタリックにしない コード記法のフォントサイズを変える 本文中の画像に枠線を付ける 本文中のリストのマーカーの色を変える 入力中の文字色と背景色を変える 設定のしかた Scrapboxに独自のスタイルシートを適用する手順はこちらに説明されています。 備考 下記の各スタイル

機能 PCのブラウザ（FirefoxアドオンまたはChrome拡張機能が使えるブラウザ）でTwitterのタイムラインを閲覧している場合にのみ、「○○さんがフォローしています」という但し書き付きのツイートをタイムラインに表示させないようにすることができます。 設定の手順 “うみの さち”さんのブログ「ツイッター：「○○さんがいいねしました」を非表示にする」で紹介されている方法を応用します。このリンク先で説明されている「導入手順」を実行すると、ブラウザにStylusというアドオン（拡張機能）がインストールされます（2020年5月22日現在、リンク先では「更新を停止します」と書かれていますが、使用することはできると思います）。 Stylusの設定画面を開きます。Firefoxの場合は、「アドオン」を一覧する画面を開き、Stylusのアイコンの右側にある「設定」をクリック。Chrome系ブラウザ