小技チョコレート

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

CSS

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

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

LogseqのCSS変更例と変更方法

Logseqは、CSS を変更することで外見を変えられます。 この記事では CSS の変更例を紹介します。 〈目次〉 CSS を変更する方法 Logseq の HTML 構造の調べ方 ブラウザを使う方法 デスクトップアプリを使う方法 CSS の変更例 左側のサイドバーの横幅を変更す…

Dynalistのモバイル版のみに適用されるCSSの作成例

Dynalistのモバイル版のみに適用されるCSSのサンプルを紹介します。 〈目次〉 必要なもの 適用される環境 CSSを適用する手順 CSSのサンプル フォントサイズを変更する 必要なもの Dynalistの有料版(PRO)にアップグレードする必要があります。 なお、既存ユ…

ブラウザの拡張機能“Stylus”の使用例(3)Dynalistのメニュー内の各機能を非表示にする

ブラウザの拡張機能(アドオン)である“Stylus”(Chrome版 / Firefox版)を使って、ウェブサイトの外観を変えることができます。この記事では、その使用例として、Dynalistのメニューの中にある任意の機能を非表示にするCSSを紹介します。 Stylus自体の使い…

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

〈目次〉 Googleフォトの画像をDynalistに貼り付ける方法 Spotify Connectで接続したいデバイスと接続できないときのチェックポイント GoogleドライブとGoogleドキュメントを使って無料でOCRをする方法 FirefoxでGoogle Play Music / YouTube Musicをショー…

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

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

FirefoxのuserChrome.cssの適用例

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

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

ブラウザの拡張機能である“Stylus”(Chrome 版 / Firefox 版)を使って、ウェブサイトの見た目を変えることができます。この記事では、そのサンプルを紹介します。 Stylus 自体の使い方の解説は、こちらをご参照ください。 〈目次〉 Dynalist チェック済み項…

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

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

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

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

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

ウェブブラウザの拡張機能(アドオン)である“Stylus”(Chrome版 / Firefox版)を使って、ウェブサイトの見た目を変えることができます。この記事では、そのサンプルを紹介します。 Stylus自体の使い方の解説は、下記の記事をご覧ください。 〈目次〉 Twitte…

Scrapboxのダークテーマ作成例

Scrapboxをダークテーマで表示する(背景色を暗い色にして、文字色を明るい色にする)ためのCSSを紹介します。 〈目次〉 スクリーンショット 事前の準備 CSSを適用する手順 CSS 参考ページ 関連記事 ブラウザのアドオンを使う方法 スクリーンショット 各ペー…

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

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

Dark theme for Scrapbox

Last update: 2019/11/25 ※日本語による説明はこちらです。 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のタイムラインを閲覧している場合にのみ、「○○さんがフォローしています」という但し書き付きのツイートをタイムラインに表示させないようにすることができます。 設定…