小技チョコレート

ちょっとした小技を紹介するだけのブログです。

CSS

記事にするほどでもない小技集(10)

〈目次〉 Vivaldiのツールバーに表示されている拡張機能のアイコンを並べ替える方法 Googleカレンダーと連携できるLinux用カレンダーアプリケーション はてなブログでリスト内の余分な余白を取り除くためのCSS Scrapboxのポップアップメニューの中で不要なも…

Dynalistの背景色・文字色・アイコンの色を変えるためのCSSの書き方

ブラウザの拡張機能であるStylus(Chrome版 / Firefox版)を使って、Dynalistの背景色を変えるためのCSSの書き方を紹介します。 ヘッダー(ページの最上部)やサイドバーを含めて、通常見えているエリアの全ての色が変わります。*1 Stylusの使い方については…

FirefoxのuserChrome.cssの適用例

Firefoxの外観を変更することができるuserChrome.cssの適用例を紹介します(Firefoxのバージョン69または70以降では有効にならない場合があるかもしれません)。 userChrome.cssの作り方については、こちらの記事をご参照ください。 〈目次〉 サイドバーの最…

ブラウザの拡張機能“Stylus”の使用例(2)

Chromeの拡張機能や、Firefoxのアドオンとしてインストールできる“Stylus”(Chrome版 / Firefox版)を使って、ウェブサイトの見た目を変えることができます。この記事では、そのサンプルを紹介します。 Stylus自体の使い方の解説は、こちらをご参照ください…

記事にするほどでもない小技集(8)

〈目次〉 HuaweiのAndroid端末で自動起動すべきアプリが起動しない場合のチェックポイント Pocketで複数のページを一括選択する際のコツ Android端末でGoogle Playストアの「マイアプリ&ゲーム」の画面をワンタッチで開く方法(Nova Launcher使用時) はてな…

Chrome / Firefoxの拡張機能 Stylus の基本的な使い方

ウェブブラウザ(Chrome / Firefox)の拡張機能である“Stylus"の使い方の基本的なところを解説します。 〈目次〉 インストール Chrome Firefox 「インストール済みのスタイル」を管理する画面を開く 新しくスタイルシートを作成する 適用先を指定する 作成済…

ブラウザの拡張機能“Stylus”の使用例

Chromeの拡張機能や、Firefoxのアドオンとしてインストールできる“Stylus”(Chrome版 / Firefox版)を使って、ウェブサイトの見た目を変えることができます。この記事では、そのサンプルを紹介します。 Stylus自体の使い方の解説は、こちらをご参照ください…

Scrapboxのスタイルシート変更例

〈目次〉 設定のしかた 備考 スタイルシートの例 ダークテーマ 外観 下準備 CSS 関連情報 各ページの下に表示される関連ページの大きさを変える トップページに表示される各ページを1行ずつに細く表示する 各ページの下に表示される「関連ページ」を各1行ず…

Dark theme for Scrapbox

Last update: 2019/08/21 ※日本語による説明はこちらです。 Please apply the theme "Hacher 1" together to your Scrapbox project. Otherwise, dark coloring won't be completed on it. Screenshots CSS Code .page, .page a, .page video, .page iframe,…

【PCブラウザ版】Twitterの「○○さんがフォローしています」をタイムラインに表示させない方法

機能 PCのブラウザ(FirefoxアドオンまたはChrome拡張機能が使えるブラウザ)でTwitterのタイムラインを閲覧している場合にのみ、「○○さんがフォローしています」という但し書き付きのツイートをタイムラインに表示させないようにすることができます。 設定…