まとめて読みたい、Webデザインの勉強に必須の注目ブログ 全100選
09 2011.12
Web業界に携わる方々が運営するブログ集・全100選。Webデザインの勉強をするなら一度は読んでおきたい、また今後お世話になるかもしれないブログ集です。
この記事は約 10 分で読めます。
Webデザインの勉強に必須のブログ 100選
Web制作のことを取り扱ったブログ、デザイン性の優れたブログなどなど、デザイナー、クリエイター、ディレクターが運営しているブログを100種類ほど選んでみました。
業界で仕事をしている方なら誰もが知っている有名なブログから、早く更新を再開してほしいあのブログ、もしかしたらあまり知られていなかった意外なブログまで、一挙に紹介します。
Webデザインブログ 1～10
今更紹介するまでもない有名なブログが多いですが、普段読んでいないブログにも意外なWeb情報が落ちていることがあったりします。
8works
海外の良いWebサイトをまとめるセンスが凄い。デザインの参考になります。
Design Spice
Web制作に関する良質な記事が多いです。私がwebサイトのラフデザインを制作する時の流れはおすすめ。
webox blog
WordPressやデザインに関するTips。シンプルながらまとまったデザインが好きです。
WEB-PARK.ORG
FlashとjQuery情報多め。コンテンツ左のアルファベットが印象的です。
skuare.net
すぐに使えるjQueryのサンプルを多数掲載されています。
Mach3.laBlog : Web屋の音速実験室
すっきり見やすいブログデザイン。JavaScriptやPEARなどの少し突っ込んだ備忘録があります。
DesignDevelop
デザインを開発するという視点でお伝えするブログ。PSD素材やフリーフォントの紹介などが豊富です。
CSS-EBLOG
CSSの話題中心。CSSに関しての疑問があればここがおすすめです。
VIVID COLORS + BLOG -福岡で働くWebデザイナーのブログ-
ブログのデザインが特徴的で可愛いです。記事のタイトルがすべて画像で作られており凝っています。
Fireworksマニア
Fireworksを使いたいならここは必ずチェック。
ホームページを作る人のネタ帳
有名どころ。ブログ運営のノウハウが豊富でどの記事も読みやすいです。無料アイコンの紹介も充実。
Webデザインブログ 11～20
どんどん続きます。これはと思ったブログは即RSSに登録してしまいましょう。
ダブルシービー
無料素材やデザイン集の紹介が中心。5分で作れるアンテナサイト！RSSを取得して更新順に表示させてみた。。を参考に私もアンテナを作ったりしました。
NAGOCRE
デザインがオシャレ。現在フィリピンへ留学中とのことです。
Stocker.jp/
ブログ兼ポートフォリオ。サイト全体から溢れ出る高いデザイン力に圧倒されます。連載シリーズはどれも必見。[連載]WordPressでWebサービスを作る方法（1:PHPとは）
Parkn'Park
WordPress、デザインに関するメモなど。「素人っぽいデザイン」から抜け出すために、デザイン制作時に心がけたい5つのポイントが参考になります。
K'conf
Webデザイン・サービスやクリエイティブなアートを紹介されています。
本を買わずに解決するWeb制作の小技
タイトル通り、PHPやjQueryなどの小技が豊富です。
WebCake
webに関するまとめ情報が充実しています。WebデザイナーやWebクリエイターが知っていると幸せになれるかも知れないWebサービスやWebサイトのまとめ100+
dotHTML5
HTML5の情報が満載です。
IDEA*IDEA
Webの小ネタ・ニュースなどを幅広く取り上げています。老舗。
BLOG MONKEY
グラフィック・Web情報の両方が充実。イラストレーターで使える無料のシルエット素材が取り放題！All-silhouettes
Webデザインブログ 21～30
一つの話題に関して、そのブログだけに留まらず色々な意見を集めると考えが偏らずに済むかもしれません。特にSEO情報は古かったりすると誤報も多いので、実際自分で試してみるのが一番だと思います。
Web Design KOJIKA17
Webデザインに関するコラム的なブログ。読みやすく為になります。Webデザイナーでもできる、サイトのパフォーマンスをあげる5つの方法など。
KAYAC DESIGNER'S BLOG
有名な面白法人カヤックのブログ。いまさら聞けない＞＜； 基礎から学ぶ「HTML5」超入門！は要チェックです。
WEBCRE8.jp
Web制作情報。記事の作りがわかりやすく丁寧です。
デザインどや！？
インスピレーション的な記事の他、WordPressに関するTipsも目立ちます。
AV女優.com
アダルトサイト開発者のブログ。アダルトサイトの裏側がわかります。
Webデザインレシピ
有名ですね。一件一件の記事の作り込みが圧倒的で唸らされます。凄い。CSSやjQuery、WordPressに関して勉強になる記事ばかりです。
ウェブデザイナーになるには
主に初心者に向けた内容。独学でWeb業界へ入りたい人におすすめです。
PHPSPOT開発日誌
PHPだけでなくjQueryやデザインに関する記事も豊富です。
コリス
圧倒的な更新頻度と新鮮なWeb情報が満載です。
Wiwi connect
ブログのデザインが柔らかい感じで好みです。
Webデザインブログ 31～40
早くも書くことがなくなってきました。まずい。
WeBridge
WordPressのテーマを配布されています。
オレのWEBPAD
WebデザインTips。地味に更新希望。
Webクリエイターボックス
あまりにも有名なWeb制作者のためのブログ。ポートフォリオも必見です。
ウェブル
CSS3やWordPressに関する貴重な情報。初心者でも分かる一般的な WordPress をインストールする方法
designaholic -Creative Column-
Webディレクターの運営するブログ。Web制作&マーケティング情報を紹介。
かちびと.net
有名なWeb制作情報ブログ。WordPressやSEO的な話題でよくお世話になります。
YATのBLOG
同じく有名なWebデザイン情報ブログ。カフェインの過剰摂取が危険な理由という記事を読んでドキッとしました。
ウェビメモ
ぱっと見でいいなと思うデザインは何故か女性が作っていることが多いです。いろいろWeb情報アリ。
和洋風◎
iPhoneやMacに関する記事が充実しています。
パシのSEOブログ
SEOに関することならまずこちら。
Webデザインブログ 41～50
集めた情報をその場で整理しないので、いざ整理しようとすると大変な目に遭います…これを書いている現在、ブックマーク欄がひどいことに。いい機会なのできちんと整理します。
ふぉとまに！
Photoshopのチュートリアル。非常にわかりやすいです。フォトショップ 「境界線を調整」で髪の毛を切り抜いてみたなど。
gaspanik weblog
iPhoneなどのホットなWeb情報。
Inforati / インフォラティ
Macに関する小技が充実しています。MacとWindowsを同時使用できる無料の仮想化ソフト「VirtualBox」の使い方
サイブリッジラボ
株式会社サイブリッジの公式ブログ。デザインとプログラムの両面で記事が豊富です。
Ginpen.com | 横浜ペンギンWebを行く
CSS&jQuery中心の記事。ペンギンがかわいいです。
AUTHORITY SITE
いろいろWeb情報。ブログが書けない悩みはこれで解決！4行でわかるライフハック系ブログ執筆が読みやすいです。
二十歳街道まっしぐら
Webサービス・ツールの記事が超充実。ChromeのTabまわりをカスタマイズできる拡張機能いろいろはChromeを使う前に一度は見ておきたいですね。
Photoshop VIP
ご存じ、国内屈指の無料素材情報。
京都のSEOコンサルタント松尾茂起のブログ
SEOに関してのコラム的記事。SEOテンプレート「賢威」の作者です。
3streamer blog
HTML5+CSS3についてわかりやすく解説されています。
Webデザインブログ 51～60
折り返し地点。まだまだ続きます。後半戦いきましょう。
webOpixel
jQueryやWordPressなどのTipsが豊富です。
乱雑モックアップ
HTML&CSSについて、Adobeソフト全般の記事も充実しています。
ASCII.jp | Web Professional
アスキー・メディアワークスのWeb情報。
かえラボBlog
JavaScript jQueryプラグインの解説が中心です。
DotsDomino
海外のハイクオリティな無料素材情報を掲載しています。
IMAGINATION DESIGN BLOG
WordPressに関する記事が充実しています。
Webディレクターズマニュアル
Webディレクターのためのオンラインマニュアル。ブログの配色もきれいですね。
hail2u.net
1カラムが特徴的。まとまっています。
LRblog
最近リニューアルされたブログ。個人的にちょっと注目。※2月5日：リンク先変更
understandard
日記中心、他WordPressなどがあります。
Webデザインブログ 61～70
最近はネットで調べればほとんどのことは答えが返ってくるのでありがたいです。このサイトを作るときも、実に多くのブログからヒントを得ることができました。感謝。
ワードプレス馬鹿の「WordPressカスタマイズ日記」
タイトル通りのWordPress情報ブログ。query_postsを使って記事や検索結果を更新順に並び替えたい時←こちらの記事にサイトを作るときかなりお世話になりました。
WordPressの部屋
こちらもWordPress情報が豊富です。
Maka-Veli.com
Web制作+ディレクション。スタイリッシュなデザインです。
Blog × Play Under World
デザイン・Web制作に関することと日記が中心です。
Mu ムジログ
Webデザインの小ネタやライフハックなどなど。
はねつき
イラストを活かした印象的なデザインが凄いです。WEAVE HABITというサークルページのセンスも抜群。
バニデザノート
webデザインのTips。シンプルで余白のバランス良く読みやすいです。[配布]photoshopでドットのラインを描く方法＆破線（点線）ブラシなど。
Design Plus
WordPress情報多めの粒よりWeb情報。
りみっとさいくる.net
便利ソフト・Webサービスの紹介、WordPressに関するメモです。
Web Drawer
Web制作に関するメモ。HTML5、スマートフォンについての記事が魅力的です。
Webデザインブログ 71～80
突然ですが書くことがなくなったので心に響いた名言。
「一流になる人と、一流近くまでいきながら二流で終わる人の差はどこにあるのか。私は、『俺は俺』という強烈な自我の有無だと思う」byノムさん
パパパパ
有益なwebサービス情報を掲載されています。
Yuriko.Net
WordPressハック。有名な「ktai-style」など、使えるWordPressのプラグインを多数公開されています。
U log
Web制作について。レッドカラーと1カラムが印象的です。
CREAMU
株式会社CREAMUの公式ブログ。Web制作・ブランディング中心。
HTML5でサイトをつくろう
HTML5情報が満載です。HTML5で制作された国内企業サイト20から現状の制作状況を知る!!
Webデザインクリップ
Web制作情報全般。文字が大きく情報も整理されており読みやすいです。
バンクーバーのWEB屋
バンクーバーからの発信。Web制作に役立つまとめ情報いろいろです。あなたの作業を音速にするかもしれないWEB屋の作業スピードを上げるチートシート大量紹介
SEO情報はリアルSEO
SEO情報が満載。
ゼロからはじめる WordPress
WordPressに関するメモです。
DEVOLEN
可変グリッドレイアウトのデザインが素敵です。
Webデザインブログ 81～90
「欠点を直すこと、それはよい部分が失われることでもある」by信子の夫
btmup Blog
Web制作に関するTips中心です。
あなたのスイッチを押すブログ
頭の何かを刺激されるWebサービス情報が満載です。
Technolog.jp
ITマーケット情報。WordPressについてなど。
小粋空間
Movable Type情報が多いです。
病的溺愛シンドローム
WordPressを病的に愛する方のブログ。プラグイン解説などが豊富です。
C-Graphiate
デザインのアイデア＆ライフハック。黒が映えるデザインです。
terkel.jp
Webデザインに関するネタ全般。何か読み応えのある文章です。
sui
webディレクターによるブログ。ディレクターから見たWebについてなど。
Chrome Life
Chrome中心の記事。Chromeをメインで使う方はぜひ。
WordPressで学ぶPHP CSS(独学・学習・入門）
WordPress情報。基本知識などを解説されています。
Webデザインブログ 91～100
最後です。
日刊ウェブログ式
Webの小ネタ。Photoshopチュートリアル集などがあります。
DesignWalker
ロサンゼルスより発信。最近は更新が止まっています。
SEOもっと！
SEO情報ブログ。SEOを体系的に学べます。
actyway
個性的なデザインです。Web情報に技術系Tipsも豊富。
MOONGIFT
エンジニア向け情報。更新頻度が高いです。
くらげだらけ
CSSやPHPなどの技術系の記事が多いです。
wpxtreme | XTREME WORDPRESS STUNTS
WordPress情報ブログです。
SEOディレクターの個人ブログ Re:very
SEOや制作に関する読み物があります。
WordPressカスタマイズメモ
タイトル通りの内容です。今日から使えるWordPress情報。
Lovelog+*
WordPressのテーマ配布とプラグイン解説などが充実しています。
おわりに
いかがだったでしょうか。もちろん今回掲載できなかったブログも多数あるのですが、それはまた次の機会ということで。
すべてのブログをチェックするのは大変ですが、有益な情報はどんどん取り入れていきたいところです。
関連しそうな記事
関連しそうな記事はありません。
このカテゴリーの最新記事
Facebookページをチェック
コメント&トラックバック（3）
コメントを投稿する
コメント記入中はフォームの下に自動でプレビューが表示されます。
LRblogの者です。いろいろ検索してたらたどり着きました。
自分なんかのブログを載せていただいてありがとうございます。
それなのに最近ドメイン変えてしまいました。すいません。。
新しいのはこちらです。
http://tks-webdesign.net/blog/→http://lrblog.net
せっかく載せていただいてるので気が向いたら画像のリンクも修正していただければ幸いです。
よろしくお願いします。
>>takashiさん
コメントありがとうございます。
リンク先は修正いたしました。
今後ともよろしくお願いいたします。
ありがとうございます！
こちらこそよろしくお願い致します。