2010年度版・とても参考になった国内のWeb制作関連エントリーまとめ

Ads

少し気が早いですが、今年も残すところ
あと僅かです。ここで、Web制作をする
にあたって、個人的に、とても参考にな
った素晴らしいエントリーをご紹介します。
基本的にまとめ記事が大好物なので、
まとめのまとめ、という形になってしまい
ますがご了承願います。

まぁ、単なる個人的なメモです。今年はお世話になりました、という感謝の意を込めてリンク&トラフィックで返したいのと、自分の復習用リンク集です。来年もたぶんお世話になる記事だと思いますので、備忘録も兼ねて。順不同です。

尚、当ブログのエントリは御礼の場であるこの記事では割愛しています。後日、別記事にてまとめさせて頂きますので、宜しければ御覧ください。

デザイン

読み物系が多いです。正月とかで見直す用。

  1. 配色パターンからWebデザインを考える
  2. ウェブデザインでこれは気をつけたいの35のポイント
  3. デザインQRコードの作り方
  4. 非デザイナーのためのデザイン基本テクニック
  5. 伝わるデザイン
  6. 見えてきたECサイトの人気レイアウト
  7. Webデザイナー(私)によるDTPデザイン注意書き:Webと紙の違い
  8. ウェブデザイナーとしてスキルアップするための20のメソッド
  9. 見出しデザイン.com
  10. 女子のための情報サイトデザイン21+4
  11. 最初の一歩は始めること
  12. Photoshopの切り抜き、選択範囲いろいろ:で、結局どれがいいの?
  13. ブブンデザインアーカイブ 公式サイト / 追加しました

素材

いわずもがな、Web制作に便利な素材いろいろ

  1. 保存版、合計1万個以上のベクター素材をダウンロードできるサイト21個まとめ
  2. クリックしたくなる「ボタン」デザインのPhotoshop用無料PSDファイル42個まとめ
  3. Photoshop用無料レイヤースタイル750個+まとめ
  4. 商用サイトで使える無料の写真素材サイト 厳選まとめ
  5. 商用でも無料のフォントをまとめたサイト -FontPark
  6. ピクトグラムをモチーフにしたフリーフォント11個まとめ
  7. ベーシックで高品質で完全にフリーな日本語フォント
  8. かわいいデザインに便利な継ぎ目のないPhotoshop用パターン無料素材50個まとめ
  9. ソザイング / 今年リリースされたWebに使える素材サイト
  10. アイコンを探すときに覚えておきたいアイコン検索サイトまとめ
  11. 漢字も使える手書き風の日本語フォントのまとめ
  12. クリック一発でプロのような仕上がり、Photoshopアクションファイル70個まとめ

css / html

復習に、カンペ用も兼ねてメモしておいたら結局カンペ用になりました系

  1. 覚えて良かったCSSテクニック
  2. 少しのコードで実装可能な20のCSS小技集
  3. 無駄なdiv要素やclassだらけのマークアップから卒業する方法
  4. ハイパーテキストリンクのスタイル大全
  5. CSS HappyLife ZERO / cssのTipsサイト
  6. 知らない人は損してる?コーディングが3倍速くなるZen-Codingを導入してみた
  7. CSSセレクタの高速化の話
  8. 見出しデザインの参考にしたい CSSで作るhタグのサンプル集
  9. コーディング前に確認しておきたいこと。
  10. 永久保存版!?携帯コーディング、これだけ読めばすぐできる!
  11. レイアウト作りを簡単にしてくれるCSSグリッドシステム
  12. コーディングのスピードを上げる為の6つの方法

jQuery

今年はjQueryにかなりお世話になりました。来年もお世話になります

  1. 40分で覚える!jQuery速習講座
  2. jQuery基礎文法最速マスター
  3. フォームの見栄え・使い勝手を強化するjQueryプラグインいっぱい
  4. jQueryの日本語の解説サイトと国産のプラグイン集
  5. jQueryでやる!ブログで使えそうな楽しいナビメニュー45
  6. jQueryプラグインのベストトレンド総まとめ2010
  7. jQuery ソースコードを読むための参考資料一覧
  8. 14のjQueryベストプラクティス
  9. これは使っといた方がいいんじゃね?というjQueryのメソッド20選
  10. 今さら聞けないjQuery実行パターンまとめ
  11. jQueryのアニメーション関連いろいろまとめ

WordPress

大好きなWordPressの事。

  1. 22のWordPress カスタマイズ ハック
  2. WPをカスタマイズするなら絶対覚えておきたい条件分岐やカスタム投稿タイプなどいろいろ
  3. WordPress 3.0対応のとっても便利なプラグイン集
  4. WordPress オリジナルテーマの作り方 3.0+
  5. プラグインを使わずWordPressに6の機能をつける
  6. WordPressのfunctions.phpに書いておくといいかもしれないコードいろいろ
  7. WordPressを入れたらやっておきたい3つのwp-config設定。
  8. WordPressで困った時に役立つお助けコード8つ
  9. WordPressをこれから始める人向けの導入手順書
  10. WordPressでブログを作ったら入れるべき27個のプラグイン

ツール紹介

お役立ちツールとか

  1. 時間の節約になるWeb制作関連ツール 12+1
  2. 画像を綺麗に拡大するフリーソフト「SmillaEnlarger」がすごい
  3. ウェブ開発者必携のGoogle Chromeの15の拡張機能
  4. ホームページ制作者が知っておくべき恐ろしく便利な62のサービス+α
  5. 名刺にパンフレットにWebサイトまで作れちゃう、Adobeの『Project ROME』がすごい!
  6. デザイナーなら知っておかないと損する50のツール

iPhone関連

ここでは最適化的なエントリを挙げています。アプリ記事はまた別の機会に。

  1. iPhone向けサイト構築 基礎文法最速マスター
  2. WebサイトをiPhoneで見やすくする5つの方法
  3. スマートフォン対応サイトの作り方、教えます

その他の小ネタ

読み物、その他Tips。

  1. Google Analyticsを導入したらやっておきたい簡単で便利な設定集
  2. Webサイト品質管理のチェック項目リスト
  3. 意外と知られていない機能が多い!?Firebugの使い方
  4. 初めてブログを訪問したときに「これがあると嬉しいな」と思う10の要素
  5. GoogleのSEOにかなり強くなるマニュアル
  6. 中小企業や個人経営規模相手のWebディレクションで気をつけている15のこと。
  7. 僕がWebディレクターの肩書がついてから勉強した15のこと

以上、少し早いけど今年のWeb制作関連エントリまとめでした。