2014TweetHTML5/CSS3などのフロントエンドもWeb上の資料が充実しすぎていて、ついつい今までなんとなく作って体系的な知識が不足していました。知れば知るほど奥が深いフロントエンド・コーディングを少し手も効率的にするために、幾つか書籍を購入したり、ネット上の資料を読み込んでみたので、備忘録がてらまとめていきます。Guideを適当に和訳してみた』。HTMLのベーシックな書き方から、CSSの書き方まで一貫している。メンテナブルCSSサイバーエージェントさんが提供している『メンテナンス性に優れたCSSのルールについて』。シンプルでわかりやすいので、チーム作業でも適用がしやすそう。一つ一つのルールに対して納得できる理由があるので、意味を意識してコーディングをすることができます。意外と知らない!?CSSセレクタ20個のおさらいCSSセレクタはHTML/CSSのコーディングをする上で必須ですが、CSS3になって指定する方法がぐっと増えました。それをわかりやすくまとめてくれている記事です。爆速でHTMLコーディングするためのtipsHTMLコーディングを最短で行うためのワークフロー的な資料です。文字・JSを組み込む』というわかりやすいポリシーが共感できました。次回から試してみます。Validator』のCSSエラー検知版です。こちらも数多くのサイトで紹介されています。OneClickCSSこの『OneClickCSS』は、『爆速でHTMLコーディングするためのtips』で紹介されていたHTMLの基本構造からSCSSやLESSなどを含むCSSを自動生成してくれるツールです。ベストプラクティスこちらはすでに新品はAmazonにはなくって、中古しか販売していないようですが、その分かなりお手頃なお値段です。作りながら学ぶHTML/CSSデザインの教科書こちらは体型的な知識を取得するというよりは、プロになりたいデザイナーさんが、『HTML/CSSを使ってテキストを装飾していく過程』をトレースできるチュートリアル的な書籍でした。作りながら基礎を学びたい人におすすめの書籍です。見栄えが良くなった!CSSやHTML5の役立つ総まとめコムテブログさんの素晴らしいまとめ記事『見栄えが良くなった!CSSやHTML5の役立つ総まとめ』。最近の開発ではレスポンシブ・デザインでのコーディングがもはや必須と言っても過言ではなくなりつつあります。フロントエンドでコーディングスピードをアップさせる6つの方法こちらは細かいコーディングの話というよりは、フロントエンドを開発するときのポリシーや心構え的な内容がまとまっています。RailsはWebサービスのプロトタイプをスピーディに開発できることが特徴です。