開いているタブをリスト化できるGoogle Chromeの拡張機能

GetTabInfo というGoogle Chromeの拡張機能
https://chrome.google.com/webstore/detail/gettabinfo/iadhcoaabobddcebhmheikmbcjcigjhc?hl=ja

拡張機能の追加方法
Chromeウェブストアで「GetTabInfo」と検索し「Chromeに追加」で拡張機能が追加できます。
上記のリンクからも追加が可能です。

使用方法
最初に行う設定
ブラウザ右上に追加された「GetTabInfo」のアイコン20200827_01をクリックします。
GetTabInfoのウィンドウが表示されます。
Templates をクリックし、
20200827_02

PRESET : basic を選択します。
20200827_03

「Preview」にタイトルとURLが一覧で表示されます。
20200827_04
これはHTMLのタグがついた形で記載されていますが、使いやすいようにテンプレートの編集が可能です。

テンプレート変更方法
「Template」内を編集し、「Save template」をクリック。
注:下図の例ではHTMLのタグを無し、タイトルとURLを縦に並べる形にしています。
20200827_05

テンプレート名(任意の名前、下図はbasic2としています)を入力し、「Save」ボタンを押下。
20200827_06

この設定が完了したら、2回目からはブラウザ右上に追加された「GetTabInfo」のアイコン20200827_01をクリックするだけで、サイトのタイトルとURLの一覧が表示され、コピーされた状態になります。
20200827_07

既にコピーされた状態なので、そのままテキストエディタ等にペーストできます。
20200827_08

Bootstrap4で改行brをスクリーンサイズで表示非表示

全て表示(初期値)    br class=”d-block”
XSサイズのみ表示    br class=”d-block d-sm-none”
SMサイズのみ表示    br class=”d-none d-sm-block d-md-none”
MDサイズのみ表示    br class=”d-none d-md-block d-lg-none”
LGサイズのみ表示    br class=”d-none d-lg-block d-xl-none”
XLサイズのみ表示    br class=”d-none d-xl-block”

全てのサイズで非表示    br class=”d-none”
XSサイズのみ非表示    br class=”d-none d-sm-block”
SMサイズのみ非表示    br class=”d-sm-none d-md-block”
MDサイズのみ非表示    br class=”d-md-none d-lg-block”
LGサイズのみ非表示    br class=”d-lg-none d-xl-block”
XLサイズのみ非表示    br class=”d-xl-none”

WordPressでFont Awesome使用

専用のプラグインがあります。

font

現在はバージョン5が使用可能です。
あとはFont Awesomeのサイトからアイコンを選びソースをコピーして入れるだけです。
アイコンサイズは「5x」とか入れる
通常 <i class=”fas fa-arrow-right”></i>
5倍 <i class=”fas fa-arrow-right fa-5x“></i>

3

設定はこんな感じ

font22

サイトのマルウェア感染等がチェックできる無料サービス

セキュリティ企業Sucuriが運営している無料マルウェアチェックサイト

https://sitecheck.sucuri.net/

sucu

URLを入力すると
・マルウェアが潜んでないか
・使用しているアプリーションのバージョンチェック
・ブラックリストに載っていなか
などが簡易的にチェックできる。

画像イメージのサイズダウン(ImageOptim)

マック用の画像イメージのサイズダウンを行うソフト
ImageOptim(イメージオプティム)
圧縮設定は最初の画面下のアイコンで

1

非可逆圧縮を有効にするにチェック。
圧縮率を設定する(初期状態は80%)

2


 

サンプル jpeg 画像
人とバスを注意して見て

943KB  元

1000700_h1

177KB  80%品質(問題なく使用可能)

1000700_h2

93KB  40%品質(荒さが判断でき全体的に暗くなる)
実際の容量より1/10になったことを考えると素晴らしい。

1000700_h3


 

サンプル png 画像
右の白いっぽい葉を注意して見て

1500KB  元

1000700_f1

266KB  80%品質(問題なく使用可能)

1000700_f2

180KB  40%(荒さが判断できる)
同じ系統の色なので比較的使える

1000700_f3

マックバージョン:MacOS10.14.3