Git hub と Sorceterr の連携
この記事がいちばん分かりやすかった。
ソースツリー 設定やってみて失敗したら、このやり方でアンインストール。
CredentialHelperSelector とポップアップ出たら、とりあえず manager でいいみたい。
VS Code ダウンロード～設定
・ダウンロード
・日本語化
・VSCodeでHTML/CSSファイルを編集しながらリアルタイムでプレビューする方法
・VSCodeでテキスト選択（ctrl+shift+〇）のキーバインド登録方法
Ctrl + Shift + P で検索
・Vusual Studio Codeの標準での選択行を複製するショートカットキーをctrl＋shift＋Dに変更する
// 既定値を上書きするには、このファイル内にキー バインドを挿入します
[
{
"key": "ctrl+shift+d",
"command": "editor.action.copyLinesDownAction",
"when": "editorTextFocus"
},
{
"key": "ctrl+shift+up",
"command": "editor.action.moveLinesUpAction",
"when": "editorTextFocus"
},
{
"key": "ctrl+shift+down",
"command": "editor.action.moveLinesDownAction",
"when": "editorTextFocus"
}
]
CSSだけで点線の吹き出しを作る方法
<div class="balloon">
<p>ここにテキストが入ります。</p>
</div>.balloon {
position: relative;
max-width: 400px;
padding: 20px 8px;
text-align: center;
background-color: #fff;
text-align: center;
color: #000;
border: 2px dashed #f00;
border-radius: 15px;
margin: 0 auto;
}.balloon::before {
content: '';
position: absolute;
display: block;
width: 18px;
height: 18px;
left: 0;
right: 0;
top: -10px;
margin: 0 auto;
border-top: 2px dashed #f00;
border-right: 2px dashed #f00;
background-color: #fff;
transform: rotate(-45deg);
}
#css
CSS で矢印を作る方法
棒付き矢印を作る方法
.stickarrow {
width: 40px;
height: 8px;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
transform: skew(45deg);
}
リンク記事には、＞・▶ のコードも書いてある
#css
