そんなことを日々繰り返す自分用のリンク集、HTML / CSS / Bootstrap関連verです。
参考にさせていただいたサイト様、敬称略ですみません！
ネットで調べモノをしていると、「あの記事、どこだっけ！？」ということがよくあるので、自分用のリンク。
（その場でブックマークしとけよ、という話）
各サイト様、敬称略ですみません！
チートシート
webクリエイターボックス
日本語対応！CSS Flexboxのチートシートを作ったので配布します
Emmet Documentation
<hackerthemes>
Qiita
【Mac版】 VisualStudioCode キーボードショートカット
HTML / CSS
Qiita @croco_worksさんの記事まとめ
概念的なものが、わかりやすく言語化されていてとても参考になります！
1段上のCSS設計・コーディングの概念図（HCDCモデル図）
[付属参考記事]HCDCによる分析と考察／HCDCモデル図が出来るまで
脱・Atomic Design – HTML+CSSコーディングの粒度分類法（HTML Parts）
Qiita
サルワカ
ググると、かなりの確率で上位表示されるので、非常にお世話になっています。
内容のわかりやすさはモチロンのこと、イラストや構成も最高な、憧れのサイト様です。
【CSS】displayの使い方を総まとめ！inlineやblockの違いは？
CSSのpositionを総まとめ！absoluteやfixedの使い方は？
【HTML】ページ内リンクの作り方：記事の途中に飛ばすには？
CSSの疑似要素とは？beforeとafterの使い方まとめ
初心者向け！Chromeの検証機能（デベロッパーツール）の使い方
HPcode
レスポンシブのブレークポイントの決め方！PCデザインカンプから再現する際のベスト
「はじめて」でも簡単！Emmetの使い方とよく使うパターン集
VSCodeにコードスニペットを登録して効率的にコーディング！
ずくろぐ
いつも隣にITのお仕事
知らないとハマる！CSSを書く場所と読込順とインライン記述の優先関係
TECHACADEMY magazine
CSSで!importantを使った優先順位の変更【初心者向け】
CREATOR BLOG
margin？padding？ボックスモデルを理解しよう！あとbox-sizingが便利だよ、って話
ARROWN
CSSのmarginとpaddingを使い分けるための4つのポイントを紹介! 違いについても理解しよう
Web Design Leaves
CSS Happylife
hajipion.com
paddingやborderが横幅(width)を広げてしまう事件を解決する方法
iwb.jp
CSSのflexboxでjustify-contentのspace-betweenが効かない理由
MogLog
Google Chromeのinput要素にborder-radiusをつけると現れる影を消す方法
CodeGrid
WEB MANABU
それからデザイン
MEGUMI
超簡単！スクロールしても背景画像を固定させるCSSテクニック
PC・ウェブ制作参考ノート
float や flexbox のリセット レスポンシブデザインの主な解除方法
Qiita
CSSのfont-sizeが%とかemとかremとかvwで指定されてると、ビビっちゃう君と僕を救う2分
Bootstrap
公式
Speee DEVELOPER BLOG
続・今更聞けない Bootstrap 4 のレイアウトシステム with Flexbox
webお役立ちネタ帳
いつも隣にITのお仕事
Bootstrapで横幅いっぱいに画像を表示しよう！ジャンボトロン（jumbotron）の設置方法
WEBST8
Bootstrap4 Button(ボタン)の使い方を徹底解説
Kohei Nishino Official
【まとめ②】30DAYSトライアル【Bootstrapの基礎〜LP制作編】
Qiita
こうすれば理解できるBootstrap 4のレスポンシブWebデザインとそのCSS
jQuery
JQuery（JavaSrcript）でページ内リンクをヌルっとスクロール(スムーススクロール)させる方法
ツール
WEBブラウザ上で簡単に透過PNG画像を作成できるツール | 無料で画像を加工できるサイト PEKO STEP
snippet generator（スニペットジェネレーター）
その他
【2020年版】もう配色デザインには迷わない！すごい無料カラーパレットツール59個まとめ
