CSS見出しデザイン関係とボタンの作成、JSの参考記事9選　HTML/CSS/JS学習　2020/12/31の備忘録　※TechCommit個人制作の集めた情報系NO1

《デザイン　HTML・CSS関連》

NO1　：【CSS見出しデザイン参考100選！コピペ可！どこよりも詳しく解説！】

CSS見出しデザイン参考100選！コピペ可！どこよりも詳しく解説！

特徴：【文字ゴールドグラデーション】で高級感を印象に持たせるデザイン、【リボン風の見出し】で、華やかな雰囲気のデザインがあって、web制作をされる方に良いと思います♪

NO2:　【CSSでテキストを彩る装飾サンプル集】
https://1-notes.com/css-text-design/

特徴：CSSサンプルコードがあるので、フォントの研究に良い記事です❤

NO3:【HTMLの記号・特殊文字の文字コード表（文字実体参照、数値文字参照）】

HTMLの記号・特殊文字の文字コード表（文字実体参照、数値文字参照） | GRAYCODE HTML&CSS

NO４:【CSSのコピペだけ！おしゃれな見出しのデザイン例まとめ68選】

CSSのコピペだけ！おしゃれな見出しのデザイン例まとめ68選

NO５:【CSSで画像の下に文字を配置する方法を現役エンジニアが解説【初心者向け】】

CSSで画像の下に文字を配置する方法を現役エンジニアが解説【初心者向け】

NO6:【　実際に書いてみよう！CSSでボタンを作る方法【初心者向け】　】

実際に書いてみよう！CSSでボタンを作る方法【初心者向け】

NO:7【Maromaro blog】
特徴：キーワードや細かなタグによって要素の検索が可能。

CSSの無料テンプレートを配布なさっています。情報は下記です↓
https://blog.maromaro.co.jp/stylerecipe

・見出し
・テーブル
・リスト
・ボタン
・ボックス
・パンくず
・フォーム
・フローチャート

等のHTML/CSSのコードがあり、素晴らしいです♪

NO7：【CSS・デザインツールはコレがおすすめ】

https://kumaweb-d.com/web/css-design-recommend/

 ※CSSツールの『CSS3 Generator』は、制作したコードは、WEBブラウザはもちろん、Android・iOSなどにも使用可能なのですって。

気になります。↓

サイトURL:http://css3generator.com/

デザインは以上です。

《Javascript》

NO１:【JavaScriptのaddEventListenerの使い方を現役エンジニアが解説　（初心者向け）　】

JavaScriptのaddEventListenerの使い方を現役エンジニアが解説【初心者向け】

NO2:【（JavaScript入門）getElementByIdを完全理解する3つのコツ！】

【JavaScript入門】getElementByIdを完全理解する3つのコツ！ | 侍エンジニアブログ

以上です。

おわり