最近ようやく、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