元ＷＥＢディレクターがおすすめするＷＥＢ制作初心者が役立つサイト

　元ＷＥＢディレクターが公開したＷＥＢ制作初心者に教えたい役立つサイトを公開していたのでまとめました。

基本

ドットインストール

動画で学べるプログラミングサイト。プログラミング言語の基礎を教えてくれるサイト。

ドットインストール



ワードプレス

プロから初心者までフリーのＣＭＳ。テンプレートを使えば、HTML、CSSの知識がなくてもホームページを作成できる。
ワードプレス公式サイト



webデザインレシピ

ワードプレスを詳しく教えてくれるサイト。
Webデザインレシピ



ブートストラップ

ウェブ制作をしたことのある人が簡単に作れるためのCSSフレームワーク。twitterの社内で使用され公開。
ブートストラップ公式サイト

デザインが優れたサイトをまとめたサイト

日本人クリエイターのハイセンスなポートフォリオサイト（主にフリーランス）まとめ

http://w3q.jp/t/3903



イケサク

http://www.ikesai.com/



Good Design Web

http://gooddesignweb.com/

素材集

Ligature Symbols　アイコン素材集

画像ではなくアイコンWEBフォント。画像ではないので重くなくSEO的にもすぐれている。
http://kudakurage.com/ligature_symbols/



フリー素材「取り放題.com」

見出し素材を無料でダウンロードできるサイト。
http://www.toriho-dai.com/tittle/tittle6.html

無料WEBサイトテンプレートまとめ

無料で30枚！スマホ対応HTMLテンプレート 初心者に優しいシングルページばかりを集めました
http://websae.net/html5-templates-20140519/

写真素材サイト

raumrot

サイトは重いがデザイン性にすぐれた写真が無料で使える。
http://raumrot.com/



足成

日本の有名画像素材サイト
http://www.ashinari.com/



textureking

背景画像に使える。
http://www.textureking.com/



シアターグラフ

動くGIF画像共有サイト
http://theatergraph.com/

動画・音素材

Videzzy（動画）
http://www.videezy.com/
Mazwai（動画）
http://mazwai.com/
Distill（動画）
http://www.wedistill.io/
SoundLabel（音楽）
http://www.snd-jpn.net/free_sound/
こんとどぅふぇ（音楽）
http://conte-de-fees.com/

フォント関連

グーグルフォント(英語フォント)
https://www.google.com/fonts
FONT FREE(日本語フォント)
http://fontfree.me/

情報サイト

コリス
http://coliss.com/
ウェブ制作に役立つサイトを紹介。

その他

Semooh jQuery Sample Site
http://semooh.jp/jquery/sample/
jQueryサンプルサイト



Zenback
https://zenback.jp/
設置するだけでＳＮＳの反響を自動でまとめてくれるブログパーツ。



Avocode
http://avocode.com/
HTMLコーディングに革命をもたらすと騒がれている。



引用サイト；http://viper.2ch.sc/test/read.cgi/news4vip/1423212084/