2011年11月Web制作に役立ちそうな記事

第2回 HTML5で使い方が変更されたタグをまとめよう – MdN Design Interactive
http://www.mdn.co.jp/di/articles/2605/?page=3

0からWebサイトを作るためのWebデザインに関する記事まとめ – ネットサービス研究室
http://d.hatena.ne.jp/seikenn/20111129/webdesign

ここまで教えてくれていいの?!WEB屋のテンションと底力を上げる厳選チュートリアル色々! | バンクーバーのWEB屋
http://webya.opdsgn.com/introduceweb/greattutorials201/

Photoshop VIP ☞ 切手や消印のスタンプ風Photoshop無料ブラシ素材9個まとめ
http://photoshopvip.net/archives/31419

スマートフォンの無料イラスト|イラストレーター素材(AI・EPS・商用可能)
http://www.js-sozai.com/sample/phone.php

ここまで教えてくれていいの?!WEB屋のテンションと底力を上げる厳選チュートリアル色々! | バンクーバーのWEB屋
http://webya.opdsgn.com/introduceweb/greattutorials201/

3分動画でマスターする初心者向けプログラミング学習サイト『.インストール』を始めます | IDEA*IDEA
http://www.ideaxidea.com/archives/2011/11/dotinstall_launched.html

3分動画でマスターするプログラミング学習サイト – .インストール
http://dotinstall.com/

無料で商用利用も可能だが見る者を圧倒して威圧する「ゲバ文字フォント」 – GIGAZINE
http://gigazine.net/news/20111128_gebamoji-font/

今年(2011年)参考になったWeb制作者向けのスライドのまとめ – かちびと. net
http://kachibito.net/web-design/slide-for-web-developer-and-designer.html

グーグルはなんでも知っている! 公開された「Think Insights」に仰天!|DIGITAL DIME デジタルダイム|ダイム発!トレンドスキルを磨くデイリー情報
http://tf.digital-dime.com/entame/sns/11/11/_think_insights.html

僕がWEB製作の仕事やブログの記事をまとめる際に情報収集している方法をまとめました | Webデザインクリップ|Web制作に便利な情報を集めたまとめサイト
http://webdesignmatome.com/web-tips/matome2

情強がひた隠しにしているフリーソフト | ライフハックちゃんねる弐式
http://lifehack2ch.livedoor.biz/archives/51308816.html

Web系女子のTwitterアカウントまとめ55個 – W3Q
http://w3q.jp/t/747

瀧/TAKI(紅呪/kohju)’s Blog – 日記/2011-11-25 : 瀧康史のWEBサイト
http://kohju.justplayer.com/diary_2011-11-25.html

いかり肩、なで肩…タイプによって違う肩こり対処法 ゆがみリセット学(3) :日本経済新聞
http://www.nikkei.com/news/headline/article/g=96958A9C93819499E0E6E2E2838DE0E6E3E3E0E2E3E3E2E2E2E2E2E2

Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報*ホームページを作る人のネタ帳
http://e0166.blog89.fc2.com/blog-entry-870.html

Webサービスを作る人必見!Cacooでワイヤーフレームを作ろう – nanapi Web
http://nanapi.jp/31720/

画像を無限にアップロードし続ける。Picasaを使って最高のカメラライフを送ろう。 / あなたのスイッチを押すブログ
http://kazoo1837.blog23.fc2.com/blog-entry-198.html

「ai」ファイルを無料ソフトで閲覧する方法 : ライフハッカー[日本版]
http://www.lifehacker.jp/2011/11/111122howtoreadaifree.html

Photoshop VIP ☞ オシャレに魅せる、細字スタイルのフリーフォント厳選35個まとめ
http://photoshopvip.net/archives/31328

優美なラインをもったシンプルなフリーフォントのまとめ | コリス
http://coliss.com/articles/freebies/freebies-sleek-fonts-for-minimalist-design-by-youthedesigner.html

Photoshop VIP ☞ 写真加工をたのしむ、プロ顔負けなPhotoshop無料アクション素材35個まとめ
http://photoshopvip.net/archives/31248

ウェブデザインのセンスを磨こう、素敵なUIデザインのまとめ | コリス
http://coliss.com/articles/build-websites/operation/design/showcase-ui-design-by-dribble.html


hr要素をおしゃれにスタイリングする8つのテクニック | コリス
http://coliss.com/articles/build-websites/operation/css/css-simple-styles-for-horizontal-rules-by-css-tricks.html

shutto | カンタンスマホ変換サービス
http://shutto.com/

レスポンシブなWEB制作のためのCSSフレームワークのまとめ「15 Responsive CSS Frameworks Worth Considering」 | DesignDevelop
http://design-develop.net/web-design/15-responsive-css-frameworks.html

ネットの便利なサービスを教えあうスレ。 – 役立つちゃんねる
http://yakudatsu.livedoor.biz/archives/51750834.html

あなたの作業を音速にするかもしれないWEB屋の作業スピードを上げるチートシート大量紹介 | バンクーバーのWEB屋
http://webya.opdsgn.com/webtech/youcanfindwhatyouwantcheatsheet/

商品撮影プロのテクニック – NAVER まとめ
http://matome.naver.jp/odai/2132162155586457101

日本の伝統色 和色大辞典 – Traditional Japanese Color Names
http://www.colordic.org/w/

日本の色名カッコよすぎワロタwwwwwwwww | うましかニュース
http://umashika-news.jp/archives/51967828.html

知ってると便利なPhotoshopのショートカットのまとめ | コリス
http://coliss.com/articles/build-websites/operation/design/10-best-photoshop-shortcuts-by-dps.html

フリーランスになって5年経ってこの世で一人ぼっちじゃないことに気付いて至高に成功した | take a job-たけのおしごと-
http://take-a-job.info/archives/290

無料で最大500MBのファイル転送が登録不要でできる「Cubeファイル便」 – GIGAZINE
http://gigazine.net/news/20111117_cube_fileup/

非エンジニア出身の新米Webディレクターが覚えておくべき10の用語 : アシアルブログ
http://blog.asial.co.jp/861

Photoshop VIP ☞ 星柄デザインの総まとめ、無料Photoshopブラシ素材1000個+セット
http://photoshopvip.net/archives/31113

WEBデザイナーを目指す人へお勧めしたい記事・サイトまとめ – YATのBlog
http://wp.yat-net.com/?p=2214

CSS3で注目のWebフォントについて今から勉強するためのサイトあつめました | Webデザインクリップ|Web制作に便利な情報を集めたまとめサイト
http://webdesignmatome.com/web-tips/webfont01

フリーランスになって半年経ってこの世で一人ぼっちになったことに気付いて究極に失敗した | ウェブル
http://weble.org/2011/11/16/freelance-thoughts

WordPressでここまでできる!WordPressで作ったとは思えないWebサイトまとめ13個 – W3Q
http://w3q.jp/t/511

肩こりを完全に解消する5つの方法 – 効果的なストレッチ・マッサージまとめ | 世界ろぐ
http://sekailog.com/2011/11/%E8%82%A9%E3%81%93%E3%82%8A%E3%82%92%E8%A7%A3%E6%B6%88%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95%E3%81%BE%E3%81%A8%E3%82%81/

SAI、Photoshopのおすすめブラシ設定まとめ | お絵かき速報!萌え絵上達法
http://mazikanon.blog102.fc2.com/blog-entry-456.html

デザイン始めたばかりの人にオススメ!学校で紹介して評判の良かったデザインの本と雑誌あつめました | Webデザインクリップ|Web制作に便利な情報を集めたまとめサイト
http://webdesignmatome.com/news/book01

ブラウザ上で複雑なレイアウトが作れる「Layzilla.com」:phpspot開発日誌
http://phpspot.org/blog/archives/2011/11/layzillacom.html

「英語だから…」なんて拒否っちゃ駄目なWEB屋が知っておくべき厳選ブログ、WEBマガジン色々 – バンクーバーのWEB屋
http://webya.opdsgn.com/introduceweb/ofcourseenglishresources/

あなたは何点?Webデザイナーのためのクイズサイト12 | Webクリエイターボックス
http://www.webcreatorbox.com/webinfo/quiz-for-web-designers/

Google+にSNSを全部まとめられる「Gooce+」 : ライフハッカー[日本版]
http://www.lifehacker.jp/2011/11/111112gooce.html

Google、ビッグデータ分析サービス「BigQuery」を一般公開 – ITmedia ニュース
http://www.itmedia.co.jp/news/articles/1111/15/news028.html

死ぬほど簡単にローカルにWordPress環境を構築できる「BitNami」の導入方法!(Mac編)
http://ozpa-h4.com/2011/11/14/bitnami_wordpress_new_theme/

ウェブ制作にすぐに使えるPSD素材がダウンロードできるサイト -1000PSD.COM | コリス
http://coliss.com/articles/freebies/freebies-psd-1000psd.html

TPPに反対するはてなーはどういう理由で反対するのかよく分からない – 常夏島日記
http://d.hatena.ne.jp/potato_gnocchi/20111114/p1

CSSのみでテキストにグラデーションやリフレクトをかけるテクニック(ちょっと更新) – くらげだらけ(くだくらげのBLOG)
http://d.hatena.ne.jp/kudakurage/20111113/1321170623

Photoshop VIP ☞ Webデザイン制作の即戦力、写真スライダー用PSD素材厳選30個まとめ
http://photoshopvip.net/archives/30878

Facebookの隠れ機能、全データダウンロードがすごすぎ。 | [b] bizMode|世界のデジタルトレンドを読む(@shinojapan)
http://www.shinojapan.biz/2011/11/web/4155.html

ウェブデザインが苦手なプログラマーたちへ「XHML+CSSデザイン 基本原則、これだけ。」 – elm200 のノマドで行こう!
http://d.hatena.ne.jp/elm200/20111112/1321070867

CSSのみでテキストにグラデーションやリフレクトをかけるテクニック(ちょっと更新) – くらげだらけ(くだくらげのBLOG)
http://d.hatena.ne.jp/kudakurage/20111113/1321170623

Webデザイナーが文字組版を勉強するときに参考になるサイトまとめ9つ – W3Q
http://w3q.jp/t/470

こうしたらEvernoteが楽しくなった!超グータラな私が守る6つの使用ルール! | 和洋風◎
http://wayohoo.com/evernote/tips/pleasant-usage-of-evernote.html


ボタンのクリックを楽しくするCSS3アニメーションのテクニックいろいろ | コリス
http://coliss.com/articles/build-websites/operation/css/animated-buttons-with-css3-by-codrops.html

拡大縮小自由、80種類のシンプルなデザインのアイコン素材 -MimiGlyphs | コリス
http://coliss.com/articles/freebies/freebies-icon-mimi-glyphs-by-salleedesign.html

見てて楽しい!クリエイティブでオシャレな名刺デザイン100選 – ライフハックブログKo’s Style
http://kosstyle.blog16.fc2.com/blog-entry-1569.html

ギャラリー等を面白く見せられるjQueryプラグイン「Minimit」:phpspot開発日誌
http://phpspot.org/blog/archives/2011/11/jqueryminimit.html

可変グリッドレイアウト(リキッドレイアウト)のサイトやWordPressのテーマなど集めました | 52ページ | Webデザインクリップ|Web制作に便利な情報を集めたまとめサイト
http://webdesignmatome.com/webdesign/gridlayout

いままでまとめたWEBサイトやFacebookサイトまどのデザインや資料作成の参考になるまとめ15まとめ | Webデザインクリップ|Web制作に便利な情報を集めたまとめサイト
http://webdesignmatome.com/web-tips/matome

「焼肉 三十八」のリニューアルをしました! | Webクリエイターボックス
http://www.webcreatorbox.com/tech/redesign-mitohachi/


まるでFlashのように画像とキャプションをアニメーションで替えるテクニックいろいろ | コリス
http://coliss.com/articles/build-websites/operation/css/original-hover-effects-with-css3-by-codrops.html

Web制作で重宝するジャンル別にPhotoshopブラシを集めたまとめのまとめ16個 – W3Q
http://w3q.jp/t/432

フリー画像収集サイト。精度は???
http://www.gatag.net/

CSSでレイアウトするなら絶対覚えておきたい配置のルール:フロートや絶対配置、z-index とかいろいろ
http://webdesignrecipes.com/css-visual-formating-model/

いままでまとめたWEBサイトやFacebookサイトまどのデザインや資料作成の参考になるまとめ15まとめ | Webデザインクリップ|Web制作に便利な情報を集めたまとめサイト
http://webdesignmatome.com/web-tips/matome

Webサイトの骨組み: ワイヤーフレームを素早く・手軽に・美しく制作する | Webクリエイターボックス
http://www.webcreatorbox.com/tech/website-wireframe-tools/

WEBデザインに役立つ手書きで使えるワイヤーフレームテンプレート「10 Free Printable Web Design Wireframing Templates」 | DesignDevelop
http://design-develop.net/web-design/10-free-printable-web-design-wireframing.html

ブラウザ上でワイヤーフレームが作れるFrametastic – lucky bag
http://www.lucky-bag.com/archives/2006/09/wireframe.html

Cacoo(カクー)を使ってワイヤーフレームを作ってみる | ウェブケチャップ:ブログ
http://web-ketchup.com/blog/2010/01/cacoo-wireframe.html

近所にセブンイレブンさえあれば家にプリンターは不要!”ネットプリント”は本当にすごい – ガジェット通信
http://getnews.jp/archives/150081

ツイッター・Facebook・Google+ の使い分けは「誰に情報を届けるか」で考えればすぐわかる | Lifehacking.jp
http://lifehacking.jp/2011/11/twitter-facebook-googleplus/

WordPress初心者がハマリやすいエラーや問題とその解決方法 | コリス
http://coliss.com/articles/blog/wordpress/wordpress-tips-and-tricks-for-beginners-by-onextrapixel.html

アフィリエイトの重複成約を見つけて広告費のムダを減らそうと間接効果測定したら……/新生銀行の事例 | Web担当者Forum
http://web-tan.forum.impressrd.jp/e/2011/11/04/11325

無料かつ商用可で約2万枚のハイレベルな写真を提供する「Luc Viatour」 – GIGAZINE
http://gigazine.net/news/20111103_luc_viatour/

Luc Viatour
http://www.lucnix.be/main.php

webサイトの企画書や提案書のサンプルを見たいのですが、提案書や企画書がまとめられているサイト等知っている方がいましたら教えていただけないでしょうか? – W3Q
http://w3q.jp/t/142

”通る企画書”を作るためのテクニック・ヒントまとめ8つ – W3Q
http://w3q.jp/t/238

作業効率が10倍アップする Chrome Developer Tools の使い方 – テックノート@ama-ch
http://d.hatena.ne.jp/ama-ch/20111103/1320318302

溺愛してやまない激オススメなシンプルフリーフォント、そして有料フォント – バンクーバーのWEB屋
http://webya.opdsgn.com/webdesign/ilovesimplefonts/

IT系の人はフォローしておくべきツイッターアカウントまとめ | ソーシャルウェブが拓く未来
http://www.ikedahayato.com/?p=5127

効果的なミニマルデザインと退屈なデザインの境界線 | Webクリエイターボックス
http://www.webcreatorbox.com/tech/minimal-design-tips/

ピクトグラムが700種類以上集まったアイコンセット「Pictodeck Icon Set」:phpspot開発日誌
http://phpspot.org/blog/archives/2011/11/pictodeck_icon.html


サイズが分からない要素を真ん中に配置するテクニック | コリス
http://coliss.com/articles/build-websites/operation/css/css-centering-in-the-unknown-by-css-tricks.html

Twitterを極めたいならコレを使え!最強のツール・Webサービス68選
http://kanemotilevel.com/add/kizi279.html

様々なCSSレイアウトをダウンロードできるサイトをまとめた「465+ Useful CSS Layouts for Download」 | DesignDevelop
http://design-develop.net/web-design/cssweblayout.html

日本の伝統色の名前を一覧できるサイト : ライフハッカー[日本版]
http://www.lifehacker.jp/2011/10/111024nameofcolors.html

フリーランスのための全国Webサイト制作料金表まとめ24個 – W3Q
http://w3q.jp/t/137