作成者別アーカイブ: ishiyama

font-familyの指定(2021年版)

ゴシック体セット

body {
font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

“Helvetica Neue” -MacOS、iOS用欧文書体
Arial -Windows用欧文書体
“Hiragino Kaku Gothic ProN”, -MacOS、iOS用和文書体
Meiryo -Windows用和文書体
sans-serif -Android用書体

明朝体セット

body {
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

ブラウザ上で操作できる画像編集ツール

オンライン イメージエディタ
https://www.peko-step.com/tool/imageeditor.html

ブラウザ上で動作する無料の画像編集ツール。
インストール作業をすることなく、PCやスマートフォンで手軽に画像を加工することができます。

使用例:モザイクをかける場合
編集したい画像ファイルをドラッグ&ドロップ。

画像ファイルドロップ前

画像ファイルドロップ後

モザイクのアイコンをクリック。

アイコンをクリック

モザイクをかけたい範囲をドラッグして指定。

編集したい範囲をドラッグして指定する

「モザイクをかける」ボタンをクリック。

「モザイクをかける」ボタンをクリック

モザイクがかかる

編集が完了したら、「ファイル」→「保存」をクリック。編集後のファイルがダウンロードされます。

「ファイル」→「保存」をクリックし、編集後のファイルをダウンロード

開いているタブをリスト化できる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