小技チョコレート

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

CSS

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

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

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

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

FirefoxのuserChrome.cssの適用例

Firefoxの外観を変更することができるuserChrome.cssの適用例を紹介します。 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自体の使い方の解説は、こちらをご参照ください…