3年ぶりのコーディングで参考にしたサイト
3年ぶりにコーディングしたら、設定から記述の仕方までいろいろ忘れていたのでググりながら書きました。
HTML
<head>
HTMLのheadの書き方、head内に記述する要素の総まとめ
https://coliss.com/articles/build-websites/operation/work/list-of-head-elements.html
もう逃げない。HTMLのviewportをちゃんと理解する
https://qiita.com/ryounagaoka/items/045b2808a5ed43f96607
レスポンシブデザインで気をつけたい、電話番号の扱い
https://qiita.com/emegane/items/bacdb2eaf9e1e7104720
ウェブ管理者向けシェア機能ガイド Open Graphマークアップ
https://developers.facebook.com/docs/sharing/webmasters#markup
【2019年版】Twitterカードとは?使い方と設定方法まとめ
https://saruwakakun.com/html-css/reference/twitter-card
【2019年版】ホームページのタブ画像(favicon/touch-icon)作成と設定方法まとめ
https://homepagenopro.com/html/favicon.html
Facebookシェア・Twitterシェアに最適な画像サイズとOGP設定
https://www.sakurasaku-labo.jp/blogs/facebook-og-image
<body>
HTML5でのSVGファイル操作のおさらい
https://qiita.com/ka215/items/f9834dca40bb3d7e9c8b
SVGをHTMLで使いたい人のためのSVG入門
https://reffect.co.jp/html/want_to_use_svg_in_html
Twitterシェアボタンの設置
https://qiita.com/york_____nishi/items/4230d28086c5913622bd
シェアボタン - ソーシャルプラグイン
https://developers.facebook.com/docs/plugins/share-button?locale=ja_JP
CSS
2019年版!おすすめのリセットCSSまとめ
https://webdesign-trends.net/entry/8137
2019年流行?font-familyのオススメ設定はこれ!【CSS】
https://anyushu.com/web/fonts-osusume/
日本語フォントこそ指定したい自動カーニング
https://ics.media/entry/14087/
[CSS]背景画像をブラウザいっぱいに表示するシンプルな最新テクニック
https://coliss.com/articles/build-websites/operation/css/css-responsive-full-background-image-by-sixrevisions.html
CSS における clearfix と flexbox の使い分け
https://www.bokukoko.info/entry/2018/08/11/231658
CSS Flexbox の基礎知識と使い方を詳しく解説
https://coliss.com/articles/build-websites/operation/css/css3-flexbox-properties-by-scotch.html
まだfloat使ってる?CSSのFlexboxを徹底解説!
https://webdesignday.jp/inspiration/pickup/4175/
CSSでリストから表を作る方法!flexプロパティを使えば2列、3列、4列のレイアウトは簡単過ぎる!
https://tabibitojin.com/css-flex-property-column-layout/
コピペ実装!CSSだけで作れるお洒落で使いやすいボタン◉サンプルコード12選
https://grow-group.jp/archives/2674/
リスト(箇条書き)のアイコンを画像にする
https://gray-code.com/html_css/setting-image-for-icon-of-list/
【CSS】見出しや文章の先頭に画像を入れる【行頭を揃える】
https://into-the-program.com/html/title-before-image.php
もう悩まない。CSSでレスポンシブなtableデザイン&コーディング
https://b-risk.jp/blog/2018/07/table-css/