参考サイト

Webデザインを勉強するにあたって、参考になるサイトを紹介しています。

Webの総合情報サイト

サルワカ

サルワカ
サルでもわかる図解説明マガジン
https://saruwakakun.com/

Web制作やデザインについての学習サイト。わかりやすい図解がキレイで見やすい。

Webクリエイターボックス

Webクリエイターボックス
https://www.webcreatorbox.com/

女性Webクリエイターの個人ブログ。Webに関わる情報やトレンドが発信されていて、キレイで見やすいサイトです。

シラバス(Webデザイン編)

シラバス(Webデザイン編)
https://cyllabus.jp/

Webデザイン初心者向けの学習サイトです。手順や必要な知識が段階的に細かく記述されていて、わかりやすいサイトです。

ドットインストール

ドットインストール
https://dotinstall.com/

オンライン動画学習サイト。

WEBサイト作成に役立つサイト

HTMLクイックリファレンス

HTML
クイックリファレンス
http://www.htmq.com/

HTMLのタグやCSSのプロパティの辞書的サイト。目的別・ABC順に探すことが出来る。

Web色見本

Web色見本 原色大辞典
https://www.colordic.org/

色の名称とカラーコードを実際の色で比較しながら探すことができる便利サイト。カラーコーディネートに役立つ色見本がキレイに表示されているサイト。

pixabay 高品質なフリー画像素材

pixabay
高品質なフリー画像素材
https://pixabay.com/ja/

無料で商用利用も可能な画像=写真やイラストが提供されています。
提供者のコメントを付加することが推奨されています。
このサイトでも利用しています。

いらすとや

いらすとや
かわいいフリー素材集
https://www.irasutoya.com

無料で使えるイラスト素材がダウンロードできるサイト。
手書き風の人物イラストのバリエーションが多く、様々なサイトで採用されている。

HTMLタグ・読み方一覧

HTMLタグ・読み方一覧
http://yume.hacca.jp/koiki/tagulist.htm

HTMLタグやCSSのプロパティの説明と読み方が一覧になっている。

W3C HTMLチェッカー

W3C HTML文法チェッカー
https://validator.w3.org/nu/

HTMLの文法を評価してくれるサイト。

W3C CSSチェッカー

U3C CSS文法チェッカー
https://jigsaw.w3.org/css-validator/

CSSの文法を検証してくれるサイト。URLを指定する。

Webデザインのサンプル

io3000

ギャラリーサイト。
国内外を問わず、Web制作の参考となるサイトをセレクトしているそうです。

webデザインクリップ

Webデザインクリップ
https://www.webdesignclip.com/

ギャラリーサイト。
Webデザイン制作で参考になるWebデザインのクリップ・リンク集だそうです。

photo

日本国内のカラー・色彩系の検定まとめ
https://shikisaikentei-online.com/color_kentei

色彩に関わる資格を紹介しています。