WEBデザイン制作の参考サイト・参考ブログ12選
Webに関する情報は日々刻々とと変わります。 そんな時に役立つサイトや今すぐ使えるテクニックなど、参考になるサイトをご紹介します。

WEBデザイン制作の参考サイト・参考ブログ12選
Webに関する情報は日々刻々と変わります。
そんな時に役立つサイトや今すぐ使えるテクニックなど、参考になるサイトをご紹介します。
目次
1. Webデザインレシピ
2. Webクリエイターボックス
3. コリス
4. バシャログ。
5. Developers.IO
6. Webpark
7. to-R
8. IDEA*IDEA
9. asklife
10. MOONGIFT
11. jsdo.it
12. スタック・オーバーフロー
1. Webデザインレシピ
(2019.5.21現在)サイトが閲覧できなくなっているようです。
2. Webクリエイターボックス
Webに関わってる人で知らない人はいないんじゃないかというぐらいとても有名なサイトなので、
Web関連の情報やデザイン、サイト制作についての記事が多いです。初心者にも優しいサイトです。
中の人は海外でお仕事をしていたので、最新のトレンド情報も紹介されています。
おすすめ記事
3. コリス
コンテンツの量が半端なく多く、質がとても高い素晴らしいサイトです。
記事もほぼ毎日更新されているので、新しい情報が紹介されています。
Webの技術的なことも詳しく説明されているので、困った時には一度覗いてみてもいいかもしれないです。
おすすめ記事
- CSS3の便利なセレクタをおさらい、「:nth-child()」と「:nth-of-type()」疑似クラスの使い方
- 2015年総まとめ、jQueryのプラグインとスクリプト100選
- 最近のWebサイトで見かける便利な機能や仕掛け、気持ちいいアニメーションを実装するCSSやスクリプトのまとめ
4. バシャログ。
技術的なコンテンツが多く、ジャンルも分けられていて見やすいブログです。
Web制作に役立つ記事がたくさんあります!
おすすめ記事
5. Developers.IO
qiitaのエンジニアの情報収集法まとめにもPick upされているおり、技術的なノウハウを教えてくれるとても親切なサイトです。
特にプログラミングの情報が多いです。他にも、Wordpressの記事等もあります。
おすすめ記事
6. Webpark
和歌山県に住むサラリーマンさんです。
趣味でWeb制作に関することを色々と勉強しているらしいです。
特にCSSに関して役に立ち、実践的に使えるものも多く勉強になるブログです。
おすすめ記事
7. to-R
JavaScript/jQueryやCSSなどの情報が多いフロントエンドに特化した西畑一馬さんが運営されているサイトです。
おすすめ記事
8. IDEA*IDEA
ドットインストールをこよなく愛している管理人です。
html5/CSS3はプラグイン等の紹介が多いようです。
おすすめ記事
- 今週は『CSSで吹き出しを作ろう (全8回)』をドットインストールに追加しました #dotinstall
- 『CSSレイアウト入門 (全15回)』をドットインストールに追加しました #dotinstall
- ドットインストールの『CSS3入門 (全18回)』を再収録しました #dotinstall
9. asklife
(2019.5.21現在)サイトが閲覧できなくなっているようです。
10. MOONGIFT
ITエンジニア/デザイナ向けにオープンソースを毎日紹介されています。
MOONGIFTの理念は「エンジニアにとって幸せな世界をつくる」です。
記事も多いので大変便利です。
おすすめ記事
11. jsdo.it
WEBデザイナー、マークアップエンジニア、JavaScriptエンジニアといったフロントエンドエンジニアのためのサイトです。
コードがシェアされるので、技術的なテクニックも知る事ができ、ムービーを見ながらなので、それに従えばテクニックを知る事ができますよ。
おすすめ記事
12. スタック・オーバーフロー
プログラムの質問と回答のサイトです。エンジニア版Yahoo知恵袋に似ているQ&Aサービス。
特にプログラマーとプログラミングに熱心の人に向けたサイトです。
困った時や問題が発生した時には誰かが助けてくれるかもしれませんよ。
まとめ
いかがでしたでしょうか?
できるだけ技術的な事がわかりやすく、記事の内容も多く、質の高いサイトを集めてみました。
もうすでに知っている方も多いと思いますが、とても参考になるサイトばかりなので、ぜひ一度見てください!
こんなに情報や内容が濃いサイトやブログってなかなかないですよー!