on:2015年9月29日sponsorsCSSフレームワークを使うために必要な基礎知識、グリッドデザイン、レスポンシブ、Bootstrapをベースにグリッドレイアウトや各要素を実装し、スタイルやスクリプトを要件にあわせてカスタマイズする実務に役立つテクニックを身につけることができるオススメの本を紹介します。本書はHTMLとCSSはなんとなく使えて、これから勉強してフロントエンジニアになりたい人、ブランクが空いてしまって最近の制作事情が分からなくなってしまった人、HTMLやCSSやJavaScriptを実際にどのように使えばいいのか分からない人、Bootstrapでしっかりしたサイトを作りたい人、そんな方にぴったりだと思います。出版社:SBクリエイティブ発売日:2015/9/26紙面のキャプチャで、中身を少しだけご紹介。Bootstrapのカスタマイズまで実践で役立つ知識を身につけることができます。本書でベースとなるのはCSSフレームワークで、一からこつこつ学ぶのではなく、よいお手本を徹底的に身につけるスタンスで学んでいきます。そのためリファレンス的な内容は最低限となっています。1章では、Web制作の基本的な知識から、最近のレイアウト、CSSフレームワーク、そしてBootstrapのインストールまで。2章からはいよいよ実践。レイアウトの基礎となるグリッドシステム、Bootstrapのレスポンシブ対応のグリッドの使い方・各エレメントのスタイルについてじっくり学んでいきます。Bootstrapのグリッドは柔軟性があり、非常に使いやすく、グリッドだけを使用してページ作成をしている制作者も多いと思います。基本的な使い方からちょっとした応用まで豊富なサンプルとコードで丁寧に分かりやすく解説されています。3章はスタイルのカスタマイズ。レイアウトするのが苦手な人が多いフォームもパーツごと、そして全体のレイアウトなど、詳しく解説されています。4章はBootstrapのJavaScriptを使ったカスタマイズ。標準の「bootstrap.js」を使い、タブやドロップダウン、アラートボックス、ツールチップ、ポップオーバー、アコーディオンなどを実装します。5章はスクリプトにjQueryを加え、更に面白い仕掛けを取り入れていきます。jQueryを使う大きな利点は、豊富なプラグイン。商用でも無料で利用できるものが数多くあります。それらを使い、さまざまな機能を実装します。プラグインのファイル構成、基本的な使い方、オプションの設定方法、ちょっとしたアレンジ方法や実装時に注意すべき点などが詳しく書かれています。扱っているプラグインは、コンテンツスライダー、ニュースティッカー、レンガ状レイアウトのMasonry、カウントダウン、レーティング表示です。6章ではより自由なデザインをするために、Bootstrapをベースに徹底的にカスタマイズしていきます。スクロール遷移やレスポンシブ対応のヘッダといった最近のWebサイトで見かける仕掛けだけでなく、郵便番号から住所を自動入力する機能まで、かっこいいものから実用的なものまで揃っています。各解説は非常に分かりやすく、挫折することなく実装できると思います。郵便番号から住所入力も、初心者の人でも簡単にできる方法からAPIを使った少し高度な実装方法まで詳しく解説されています。最後の付録では、CSSフレームワークやBootstrapのその先はどのように進めればいいのかのアドバイスです。目の前の知識を身につけるだけでなく、どこに進むのかでその知識の身のつけ方・考え方も変わると思います。自分だけのフレームワークに仕上げる本書で使用されているサンプルは、特設サイトからすべてダウンロードできます。今必要とされている知識を基礎から学べ、それをどのように使い、実務で役立てるかが分かる一冊になっています。最後に、献本いただいたSBクリエイティブの担当者さまに御礼申し上げます。当サイトでは随時、献本を受け付けています。お問い合わせは下記よりお願いいたします。