エビスコムの本のロードマップ

このページではエビスコムの各本の位置付けや展望についてまとめています。本を選ぶ際の参考にしていただければ幸いです。

テーマの作り方(基本)
WordPress グーテンベルク時代のWordPressノート テーマの作り方(入門編)
Web制作の基本 デザイン・レイアウト テクニック HTML & CSSの
機能詳細・発展
HTML & CSS
CSSグリッド
ベースのWebデザイン
CSSグリッドレイアウト
CSSグリッドで作るHTML5&CSS3レッスンブック CSSグリッドレイアウト デザインブック HTML5&CSS3デザイン 現場の新標準ガイド
フロート(フレキシブルボックス)
ベースのWebデザイン
フレキシブルボックス レイアウト
フレキシブルボックスで作るHTML5&CSS3レッスンブック 6ステップでマスターする 「最新標準」HTML+CSSデザイン
フロート
HTML5&CSS3レッスンブック HTML5&CSS3デザインブック

WordPress

CMSやブログ制作ツールの代表格であるWordPressを利用して、Webサイトを構築していく書籍です。

グーテンベルク時代のWordPressノート テーマの作り方(入門編)

WordPress 5.xの新しいブロックエディタ「Gutenberg(グーテンベルク)」を活かしたオリジナルテーマの作成方法をステップ・バイ・ステップで解説した入門書です。

テーマの作成を通してWordPressの基本的な仕組みや機能を理解し、サイト構築のノウハウを習得したい方はもちろん、グーテンベルクとの付き合い方や、ブロックテンプレートなどついても詳しく解説していますので、これまでのWordPressの知識をリニューアルしたい方にもきっと役立つ内容になっています。

CSSグリッドによるWebデザイン

CSSグリッドを利用してWebページを作成していく書籍です。特に、これからのWeb制作ではCSSグリッドの活躍の場が広がっていくと考えています。

CSSグリッドで作るHTML5&CSS3レッスンブック

これからWeb制作の学習をはじめる方が、ステップ・バイ・ステップ形式でWebページを作成しながら、HTMLとCSSの基本から、CSSグリッドによるレイアウト、モバイルファーストな制作手順、本格的なレスポンシブの設定までを習得していただけるように構成した入門書です。

CSSグリッドレイアウト デザインブック

CSSグリッドレイアウトを本格的に活用し、レスポンシブなWebデザインを実現していく一冊です。

従来のWebでは難しかった「これをここに配置したい」や「レスポンシブでこうしたい」が手軽に実現できるようになっていますので、長年Web制作に携わってきた方はもちろん、Web制作を始めたばかりの方にも参考にしていただけると思います。

フレキシブルボックスによるWebデザイン

CSSのフレキシブルボックス(flexbox)を利用してWebページを作成していく書籍です。フロートによるレイアウトの延長線上にありますので、ボックスの相互の位置関係でレイアウトをコントロールしていきます。

フレキシブルボックスで作るHTML5&CSS3レッスンブック

フロートベースなレイアウトの最終形とも言えるフレキシブルボックスを利用し、モバイルファーストな制作手順やレスポンシブの設定なども盛り込み、『HTML5&CSS3レッスンブック』を書き直した一冊です。これまでのレッスンブックシリーズと同じように、ステップ・バイ・ステップ形式でサンプルを構築しながら、HTML と CSS の基本を習得していただけるように構成しています。

6ステップでマスターする 「最新標準」HTML+CSSデザイン

最新ブラウザをターゲットに、HTML5+CSS3の機能をフル活用してレスポンシブなWebサイトを作成する1冊です。フレキシブルボックスレイアウトを中心に、remや変数、vw/vhといった最新機能を活用し、一歩先に進んだ制作ノウハウをステップ・バイ・ステップで習得していただけるように構成しています。

HTMLとCSSの簡易リファレンスも収録していますので、基本の習得や、多彩な機能の確認・復習などにも活用していただけると思います。

Web制作に欠かせない最新のHTML&CSSの機能を詳細にまとめた本

HTML5&CSS3デザイン 現場の新標準ガイド

HTML5とCSS3の現状&ちょっと未来までの把握に重きを置き、これからの戦略を立てるためのガイドブックを目指して作成した書籍です(RPGでいうところのマップやアイテムガイドのイメージでしょうか)。そのため、テクニック集ではなく、辞典的な構成となっています。

基本的な機能はもちろん、CSSグリッドやフレキシブルボックス(flexbox)、フロート(float)、フロールート(flow-root)、変数(カスタムプロパティ)、アニメーション、シェイプ、クリッピングパス、セマンティクスなどなど、これからのWeb制作に欠かせない機能の数々について詳細にまとめていますので、アイテムガイドとして、また、HTML/CSSについてより理解を深めたい場合などに活用していただければと思います。

フロートによるWebデザイン

CSSのフロート(float)を利用してWebページを作成していく書籍です。

HTML5&CSS3レッスンブック

HTML や CSS を全くさわったことのない方が、ステップ・バイ・ステップ形式でサンプルを構築しながら、HTML と CSS の基本を習得していただけるように構成した一冊です。最低限Webページを作成できるようになるだけでなく、その先にある様々なことを学んでいくための最初のステップとしていただくことを目的としています。

サンプルは徹底的にシンプルにすることで、構造を見えやすくすると共にキータイプを減らすことを心がけていますので、Webデザインの初心者の方ばかりでなく、パソコンの初心者の方にも読んでいただけるかと思います。HTML5 のセマンティクスの考え方の基本もしっかりと解説していますので、改めてページ制作の基礎を学びなおしたいといった方にも、本書を活用していただければ幸いです。

HTML5&CSS3デザインブック

レスポンシブWebデザインでページを作成し、レイアウトを自在にコントロールするノウハウやテクニックをまとめた一冊です。

従来からのスタンダードなレイアウトテクニックであるCSSのフロートを利用し、レイアウトの基本となるボックスの並べ方 (段組の構成方法)について詳細に解説しています。Bootstrapなどの主要なCSSフレームワークでも使用されている基本的なテクニックですので、仕組みを理解する上でも役立てていただけると思います。