Web制作に役立ちそうなページ一覧 2010年9月

先々月から一ヶ月毎に続けているコーナーです。
9月中にはてなブックマークでチェックした
Webサイト制作に役に立ちそうなサイトを復習がてらまとめてみました。
先月までデザイン関連だけまとめてたけど、今回はWeb制作全般に広げてみました。

9月はフォントと企業ロゴ制作に関しての記事が多かった印象があります。
あとhtml5&CSS3に関する実用的な記事も目につくようになってきた。ちょっとコワイ・・。

素材 アイコン

商用利用も無料、モノトーングラデーションのアイコン素材(PSD付き) | コリス

リストに使えそうなフリーの小さいアイコンセットまとめ – かちびと.net

ベクター素材

ベクター画像を大量に無料配布するサイトのまとめ | 日刊ウェブログ式

写真素材

ウェブショップ « 商用利用OK&無料の写真・フリー素材を集めました!総合素材サイト|ソザイング

素材全般

フォトショップ(photoshop)押さえておきたい素材配布サイト(個人的嗜好で選択) – WEBデザイン BLOG

Photoshop ブラシ

Photoshop Vip » 保存版、持っておくと便利なPhotoshop用ブラシ素材、2000個集めました。

水墨画のタッチが描ける、商用利用も無料のPhotoshopのブラシ | コリス

Photoshop Vip » 保存版、Photoshop(フォトショップ)用の無料花柄ブラシセット40個まとめ

Photoshop Vip » 花柄デザインのかわいいPhotoshop無料ブラシ素材24個まとめ

Photoshop パターン

Photoshop Vip » 背景デザインに便利な継ぎ目のないパターン素材、2000枚あつめました。

Photoshop Vip » かわいいデザインに便利な継ぎ目のないPhotoshop用パターン無料素材50個まとめ

Photoshopチュートリアル

Photoshopの切り抜き、選択範囲いろいろ:で、結局どれがいいの?

フォント

ベーシックで高品質で完全にフリーな日本語フォント – yayuguのにっき

Photoshop Vip » 保存版、文字を入力するだけでオシャレにみえる細字フリーフォント70個まとめ

最近リリースされた高品質なフリーのデザインフォント -2010年8月 | コリス

【ネタ帳】すべてのデザイナーはGetしておくべきハイクオリティなフォント50種類 +25記事*二十歳街道まっしぐら(FC2ブログ時代)

ロゴデザイン

Photoshop Vip » ロゴデザインのアイデア、参考になるギャラリーサイト20個まとめ

2010年、ウェブベースの会社・サービスで使用しているロゴデザインの11のトレンド | コリス

Photoshopテキストエフェクト作成チュートリアル35:phpspot開発日誌

IDEA*IDEA ~ 百式管理人のライフハックブログ » 超速でロゴを仕上げるために覚えておきたい3つのデザインパターン

Webデザイン参考

Photoshop Vip » ウェブサイト、ホームページのデザインをプロっぽく仕上げる7つのテクニック

Photoshop Vip » デザイン力のゆたかな企業用ウェブサイトデザイン30個まとめ

カラーだけではない、ウェブデザインにおける4つのコントラストの使い方 | コリス

写真を使用してデザインをするためのベストプラクティス | コリス

人気がある8つのウェブデザインのスタイルから学んでおきたいポイント | コリス

デザインの要素と原則 | Webクリエイターボックス

Javascript・Jquery

長い文書ページでもナビゲーションを付けて分かりやすくできるjQueryプラグイン「jQuery One Page Navigation」。:phpspot開発日誌

14のjQueryベストプラクティス[to-R]

JavaScriptは盗んで学べ! 知識0のデザイナーでもできるjsdo.itの遊び方 | KAYAC DESIGNER’S BLOG – カヤックの意匠部によるデザインやマークアップの話

JavaScript関係のツールまとめてみた | Web scratch

CSS

今日からCSS3アニメーションを使えるようになるチュートリアル | KAYAC DESIGNER’S BLOG – カヤックの意匠部によるデザインやマークアップの話

CSS3だけでつくるWebボタン!押さずにはいられないボタン簡単3ステップ | KAYAC DESIGNER’S BLOG – カヤックの意匠部によるデザインやマークアップの話

デバッグ用CSSをその場で書けるブックマークレットを作ってみた | CSS-EBLOG

HTML5&CSS3

デザイナは要注目! 明日から語れるHTML5&CSS3(1/4)- @IT

便利ツール・Webサービス

画像のシェアが可能なWebサービスいろいろ – かちびと.net

月額980円で高速快適! 「さくらのVPS」を試用してみた -INTERNET Watch

画像を綺麗に拡大するフリーソフト「SmillaEnlarger」がすごい | 日刊ウェブログ式

ブロガーを楽にする8つのChromeエクステンション-swordsmith

デザイナー必見! Flash Catalyst で Flash コンテンツをつくろう | エントリー | _level0.KAYAC | flash ActionScript blog

携帯サイト

手っ取り早く携帯サイトを作成する時のhtmlテンプレート – webの人

番外編(´∀`)

仕事の合間にデスクでできる、カンタンストレッチ : ライフハッカー[日本版]