2011年・個人的に参考になったWeb制作向けの国内記事リスト

来年の復習用の記事リストです。自分用。
年末ですし、だれかがまとめ記事を書く
と思って待ってましたが、他力本願も
あまり良くないので自分でリストを作る
事にしました。去年も作ったけどあまり
出来なかったんですよね。。

タイトル通り、個人的に参考になった記事で、来年の勉強用リストです。

去年の記事(2010年度版・とても参考になった国内のWeb制作関連エントリーまとめ)と似たような感じだけど、必要な情報が偏ってきたのと、国内のRSS購読ブログ数が1/30になったのでリストも偏ってます。

リストの内容に関して

この手の記事はいろいろご意見頂き易いので、ご覧頂く方に不毛なストレスを与えないように、内容に関して先に記述しておきます。

リストの内容ですが、単なるリソースの羅列のようなまとめ記事は個人的に参考になったことがないので割愛しています、というかこの記事自体そんな感じです。また、結果のみで解説のない記事、誤った知識の記事等や、翻訳記事も元記事見たほうが勉強になるので不要と判断し、リストに入れていません。

ブックマークが集まった記事や、「有名だ」と多数の人が思っている方が書いた記事＝正しい内容とも限りません。もちろん当ブログでブックマークの集まった情報も例外なく言える事です。正誤の判断は自分でしています。よって、ブックマークの数などは選定基準に全く考慮しておらず、この人が好きとか嫌いという稚拙な個人的感情もこの限りではありません。単純に僕が参考にした記事です。

誰かのために書いた内容ではありませんので相性合わなくてもどうかご了承下さい。なんでこんな面倒くさい事を書かないといけないんでしょうね。

順不同です。

WordPress

太字はブログ名です

• Simple colors
  1. WordPressの新機能 複数タクソノミークエリーまとめ
  2. WordPressで画面が真っ白になったら、最初にやるべきこと
  3. WordPressの設定画面への項目追加方法まとめ
  4. WordPressの表示をログインユーザーに限定する
  5. 画像挿入時にwidthとheight指定が入らないようにする
  6. WordPressの新着情報表示にカスタム投稿タイプを含める方法
  7. ナビゲーションメニューのclassにページやカテゴリーのスラッグを追加してみる
  8. 3.3の新しい関数 is_main_query を使おう
• webopixel
  1. プラグインによって読み込まれる外部スタイルシート&javascriptを削除
  2. WordPressでカテゴリー&タグを絞り込み検索をする
  3. WordPressのカテゴリーにカスタムフィールドを追加する
  4. WordPressの投稿フォーマットのラベル（テキスト）を変更する
• dogmap.jp
  1. WordPress の自動メディアリンクにメディア形式を追加する
  2. WordPress で URL をすべて相対 URL にする方法
  3. WordPress でスニペットを簡単に管理する方法
  4. WordPress でサムネイルがある記事だけ表示する方法
  5. WordPress をとにかく速くする
• WEBLE
  1. WordPress で現在のタクソノミーを取得する方法
  2. WordPress で投稿やページにカスタムタクソノミーを追加する
  3. アーカイブページでカスタムタクソノミー一覧を表示している時のメッセージを出力
  4. WordPress で作成されたカスタム投稿タイプなどを全て取得する
  5. WordPress のリンクをカスタマイズして説明付きで出力
  6. ウィジェットを使って広告やサイドバーのバナーを効率的に管理
• Web Design Recipes
  1. サイト設計をする時に覚えておきたいポストタイプの特徴などいろいろ
  2. WordPressをカスタマイズするなら覚えておきたいアクションフックとフィルターフック
  3. WordPressでブログじゃないWebサイトを作るときのいろいろ
• firegoby
  1. トップページをウィジェット化する
  2. プログレッシブ・レンダリングによるWordPressの高速化について
  3. テーマのfunctions.phpでは$content_widthを定義するべし
• Toro unit
  1. WordPressのテーマを部品化する
  2. WordPressで親ページの判定をするスクリプト
  3. WordPressでサブページのナビゲーション
• その他
  1. WordPressのエラー画面（wp_die）をカスタマイズ
  2. さくらVPSとnginxリバースプロクシで最速WordPressブログを作る方法
  3. WordPress ループ＆クエリーのモヤモヤを解消しよう！
  4. WordPress で「全◯件中◯件〜◯件目を表示」を表示する
  5. WordPressで記事入力時にBackSpaceを押しても前の画面に戻らないようにする
  6. editor-style.cssを使えばビジュアルエディタを実際の記事と同じようにスタイリングできる

[note]当ブログのWordPressカテゴリも、あわせて宜しくです。[/note]

スマートフォン

ちょっと内容バラバラですけど。

1. 西畑一馬のjQuery Mobileデザイン入門
2. つまづきがちなiPhoneコーディングのTips
3. GPUアクセラレーターが使える環境で強制的に有効にできるCSSの指定方法
4. スマｰﾄフォン(iPhone, Android)ブラウザのバグまとめ
5. スマートフォン向けサイトの作り方
6. レスポンシブwebデザインで制作する時のポイント
7. スマートフォンサイトをデザインする上で知っておくべき10のTIPS
8. jQueryMobileを使ってのスマートフォンサイトの構築メモ
9. Webサイトのスマートフォン対応 7つの基本ルール
10. Media Queries を使って、Webサイトをスマートフォンに対応させるときの注意書き
11. [翻訳] モバイル向けの CSS Media Queries は見掛け倒しである
12. スマホのUI考 〜 ボタンについて
13. モバイルサイト制作に便利な携帯サイトデザインキット
14. ke-tai.org

[note]当ブログのiPhone関連記事も、あわせて宜しくです。[/note]

jQuery / CSS

プラグインは一つもないです。チュートリアルとか知識的なもの。

• jquery
  1. jQueryによるフォームデータ取得方法のまとめ
  2. 独学素人がjQueryで、ドラクエ画面を作ってみた
  3. jQueryにおけるXSSを引き起こしやすい問題について
  4. 親要素の幅に収まるようにフォントサイズを変更する
  5. jQueryのCSSセレクタAPIを高速に扱う方法
  6. CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました
  7. jQueryで長いページの区切り（セクション）ごとに背景を変化させる
  8. jQueryをmootoolsなどの他のライブラリと干渉しないようにする方法
  9. jQueryのセレクタを自作して遊ぶ
  10. jQueryでHTML5の独自データ属性（data Attributes）を扱う
  11. 少量のjQueryコードでHTMLテーブルの列にリンク先を指定できるようにする
  12. シンプルかつ簡単にフォントサイズを変える「大・中・小」ボタンを実装する
  13. jQueryで長くなったページを分割してボタンで切り替える
  14. jQueryで横スクロールのアニメーションするサイトを作る方法
  15. jQuery.is*()シリーズを、どれだけご存知ですか。
  16. とてもとても簡単な、jQueryプラグインのつくりかた。
• css
  1. CSS：初心者の頃にハマったスタイルシートのあれこれ … IE7多め
  2. float解除の決定版。clearfixを考えたら、進化した。
  3. CSSでレイアウトするなら絶対覚えておきたい配置のルール
  4. CSS アニメーションの基礎
  5. [翻訳] これから HTML と CSS を学び始める君へ
  6. 保存版！CSS3セレクタの説明書
  7. CSSの知識をもっと深める30+2の小技テクニック集
  8. 意外と知らない!?CSSセレクタ20個のおさらい

[note]当サイトのjQueryカテゴリとCSSカテゴリです。[/note]

Webデザイン

• Tips / チュートリアル
  1. デザインの基礎力をワンランクアップしたい私（Webデザイナー）の注意書き
  2. Photoshop初心者さんが写真のレタッチ（色調補正）などをするために覚えたい機能
  3. デザインを勉強したことがない人でもデザインできるようになるかもしれない4つの基本原則
  4. 目立たせるデザインって、部分的に強調するだけじゃないと思う。
  5. 数字はデザインに重要な要素。数字の見せ方10個
  6. キャッチコピーをより効果的に『読ませる』為に。
  7. サンプルデザインでわかりやすく見る。プロデザイナーが使うセオリー10のこと。
  8. Webデザイナーが覚えておく、代表的なライセンスまとめ
  9. Webデザインにおける、1pxへのこだわり
• 知識
  1. 配色初心者でも効果的なカラーデザインが出来るようになる4つの工程
  2. Webデザイナーなら忘れちゃいけない一つ。ディスプレイ（モニター）の発色について。
  3. Webデザインの原理原則はリアリティと、それに反した想像を超えるアイデアだと思う。
  4. Webの「読みやすい」を僕も考えてみた。
  5. 色と人の感覚とウェブデザインのはなし
  6. ホワイトスペースを使ったウェブデザインの考え方
  7. Web制作者は知っておきたいwebサイトのレイアウト7選
  8. 中学生でもわかるベジェ曲線
  9. 「素人っぽいデザイン」から抜け出すために、デザイン制作時に心がけたい5つのポイント
  10. Cloud
  11. DESIGN ARCHIVE
  12. デザインのインスピレーションを求めて外に出よう！
  13. 慶應SFCでの講演のあとがき。
  14. 「良いデザイン」を作るために私が気をつけてること
• ユーザビリティ
  1. ユーザにどうしても伝えたい情報があるときは？
  2. 情報のつめこみすぎにご注意！
  3. ユーザを逃さないヘルプの見せ方、2つの注意点
  4. ユーザの認知を正しく捉える
  5. ウェブサイト設計の時に役立つ７つのテクニック

[note]当サイトのWebデザイン全般のカテゴリは、殆どjQueryとかと重複しています。[/note]

マーケティング / その他

この辺は持論を持っているので、参考という感じです。

1. 一般ユーザーが選ぶ検索キーワード調査
2. 上手に関連キーワードを内包すべき
3. サイトの品質を高める23項目のチェックリスト
4. 参考になるランディングページの解剖分析
5. ネットで見られる提案書のまとめ
6. 色んな広告掲載料集めました。
7. 開設間もないサイトのSEOがうまくいっているかどうかのチェック項目

以上、今年もお世話になりました。来年復習します・・・あ、「こんなに学べるの？」って感じですけど、これからまたフィルタにかける感じです。

冒頭でも書きましたけど、多くの方が自分と同じ情報を求めているとは思いませんので適当に流されることをオススメします。