最近ようやく、flaskとpythonに関して$\tiny{基礎}$の$\normalsize{基礎}$の$\large{基礎}$を一通り学んだので、そのOUTPUT(?)としてPythonflaskMySQLを使ったステートレスな超初心者向けWebアプリを制作していました。
その際にフロントエンドの組み方でHTML,CSSのコーディングで参考にさせて頂いたいくつかのサイトを貼っておきます。
$\tiny\color{blue}{（制作したアプリについては、デプロイテストが未完なので、終わり次第あげていくつもりです。）}$

アコーディオンメニューの実装
https://copypet.jp/630/

ヘッダー固定(グローバルナビゲーション)
https://webdesignday.jp/inspiration/technique/css/4166/

テキストロゴアニメーション(jquery)
https://on-ze.com/archives/7387
画像アニメーション(jquery)
https://www.webdesignleaves.com/pr/jquery/jq_basic_05.html

文字の配置最適化させるとき
http://www.tg.rim.or.jp/~hexane/ach/otcs/otcs04.htm

SNSのリンクをはる方法
https://www.tam-tam.co.jp/tipsnote/social/post16199.html
facebookへのいいね投稿リンク
https://developers.facebook.com/docs/plugins/like-button

メールアドレスのリンクから送信画面に遷移させる
https://www.tagindex.com/html_tag/link/a_mailto.html

画像を回転させる
https://liginc.co.jp/489507

display:inline-blockをマスターする
https://sunsukeblog.com/css-display

時間入力フォーム
http://ericjgagnon.github.io/wickedpicker/

webページの色を反転して、ダークモード切替をする方法
(余談：Githubにも搭載されてますが、あの猫可愛いですよね)
https://coliss.com/articles/build-websites/operation/css/one-line-dark-mode-using-css.html

NES.css(ドット絵好きの人にはたまりません)
https://nostalgic-css.github.io/NES.css/#

Myドット絵作成
https://bcrikko.github.io/css-collection/tool/dotgen/index.html

bootstrapを用いたレスポンシブデザイン一覧
https://photoshopvip.net/77852

font-awesomeを使用する
https://coliss.com/articles/build-websites/operation/work/font-awesome-guide-and-useful-tricks.html

input form内の文字数入力制限させる
http://html5.cyberlab.info/elements/forms/input-minlength.html

input formの入力欄で自動補完させない
https://developer.mozilla.org/ja/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion