こんにちは。ユイリ（@kodure_yuilish）です。
先日書いた「初心者が１から会社のWebサイトを作る その１」の続きです。
正確に言いますと、前回の記事の続きというよりは、
参考にさせて頂いたサイト様の個人的なリンク集になっています。
ここに貼らせていただいたすべてのサイト様に感謝しております。
ありがとうございました！！
色について
おすすめのテキストリンク色
おすすめのテキストリンク色について考察。Googleなど大手サイトが使用するカラーコード一覧 - ハミダシモノ
Webサイトやブログを運営していると、様々な疑問が生まれると思います。 そんな数多くの疑問の中から、他ページに...
hamidasimono.com
RGBAとは
Suspected Phishing | Cloudflare
www.htmq.com
フォントについて
グーグルフォントの使用方法
コーディング初心者でも簡単にできるWebフォント「Google Fonts」の使い方と注意点 - WEBコーディング - トピックス - STEP UP WEB｜大阪のホームページ制作サービス
IllustratorでRGBからCMYKへカラーモードを変換する方法を分かりやすく解説！光の三原色（RGB）と色の三原色（CMYK）の違いといった基礎知識から、印刷入稿前に欠かせない「ドキュメント情報」を使った変換漏れ確認の手順まで網羅。...
web.alfactory.co.jp
スマホで読みやすいフォントサイズ
【CSS】結局レスポンシブでのフォントサイズはどう書くべき？ | SEO対策なら株式会社ペコプラ
この記事では、実際にレスポンシブサイトを構築する際にfont-sizeはどうマークアップすれば良いかを考察しています。
pecopla.net
FontAwesomeの使い方
【保存版】Font Awesomeの使い方：Webアイコンフォントを使おう
導入方法から基本的な使い方、「Font Awesome Animation」でさまざまなアニメーション効果を加える方法まで丁寧に解説します。
saruwakakun.com
見出しについて
CSS見出しデザイン参考100選！コピペ可！どこよりも詳しく解説！
CSS見出しデザイン参考100選！コピペ可！どこよりも詳しく解説！
今回はCSSのみで作れる見出しデザインについて100個サンプルを作ってみました。見出しなどで使えるデザイン例についてどこよりも詳しく紹介・解説しています。すべてCSSのみで実現しているものになりまります。コピペしてそのまま使用していただいて...
jajaaan.co.jp
ヘッダーについて
レスポンシブデザインのヘッダー
https://rico-notes.com/programming/html/header-responsive/
rico-notes.com
ヘッダーの分だけ下げるには
ヘッダーを『position:fixed;』指定時にヘッダーの高さ分だけコンテンツを下げる - 外注・下請け専門のホームページ制作 | RunLand(ランランド)株式会社
ヘッダーを『position:fixed;』指定時にヘッダーの高さ分だけコンテンツを下げる | RunLandは全国対応の「下請け・外注」専門のWEB制作会社です。外注パートナーをお探しなら、是非ご相談下さい。
web.runland.co.jp
レスポンシブテーブルや囲み枠について
【CSS】コピペでOK。レスポンシブな「table」を作る
【CSS】コピペでOK。レスポンシブな「table」を作る - Web担当屋 ブログ
www.webtan.cc
コピペ可！CSSだけでレスポンシブテーブルをつくろう
コピペ可！CSSだけでレスポンシブテーブルをつくろう ｜ モノづくりブログ
こんにちは工藤です。 今回はレスポンシブのテーブルの組み方の1例をご紹介します。 PC表示の時はこんな感じです。 PC表示の時 今回はちょっと扱いに困るthead部分について、こんな感じで表現してみます。 スマートフォン表示の時 tbody...
blog.8bit.co.jp
600pxまでは２列表示にして、599px以下になると１列表示に
flexbox_responsive
...
codepen.io
シンプルな囲み枠
【CSS】シンプルな囲み枠（ボックス）コピペですぐ使える
飾り枠を使って文中や文末に関連記事・まとめ記事、Pickupなど、さり気なく目立たせたい！シンプルで無難な囲み枠・囲い枠（ボックス）を紹介します。CSS・HTMLをコピペでOK！色や太さをお好みでカスタマイズして使って下さいね。新作『黒板風...
love-wave.com
会社が創業何年目か自動更新したい
HTMLにて生年月日から自動で年齢を読み込む方法てあるでしょうか？例えばwikipediaとか見ると年齢が書いてあるのですが... - Yahoo!知恵袋
HTMLにて生年月日から自動で年齢を読み込む方法てあるでしょうか？例えばwikipediaとか見ると年齢が書いてあるのですがああいうかんじにするにはどうすればいいでしょうか？ （もしかして毎年書き換えているのでしょうか？） JavaScri...
detail.chiebukuro.yahoo.co.jp
スマホのときだけTEL番号をタップできるようにしたい
HTMLの< a href="tel:" >でリンクをタップして電話を発信させる方法
HTMLのを使用してリンクをタップしたら電話番号を発信する方法を解説します。 ハイフンの有無や国際電話での書き方やスマホでのみ電話番号発信を有効にする方法、...
webliker.info
メールフォームの作り方
【PHP入門】メールフォームを作成する方法をわかりやすく解説！ | 侍エンジニアブログ
この記事では「 【PHP入門】メールフォームを作成する方法をわかりやすく解説！ 」について、誰でも理解できるように解説します。この記事を読めば、あなたの悩みが解決するだけじゃなく、新たな気付きも発見できることでしょう。お悩みの方はぜひご一読...
www.sejuku.net
Googlemapの埋め込み方法
Googleマップをホームページに埋め込む方法【ルート表示付】 - たぶろぐ
Googleマップをホームページに埋め込む方法【ルート表示付】を解説しています。ホームページやブログにGoogleマップを埋め込むことができたら便利ですよね。この記事では、初めての方でもできるよう、80枚の画像を使用して分かりやすく説明して...
tab-log.com
Q&Aページのテンプレート
dlタグを使ってQ&Aを作ってみる | コトダマウェブ
ホームページを作成していると「よくある質問」的なページを作ることがあります。これまで、何度か作って来たのですが、いい加減テンプレート化しておこうと思いましたので、ここで共有させていただきます。
cotodama.co
以上、参考にさせて頂いたサイト様でした。ありがとうございました！！
私も有益な記事を書けるように頑張ります。
ユイリでした。
コメント