HTML/CSS本 - 人気 / 新書 / 高評価 書籍一覧 | 技術書の本だな


HTML/CSS 人気本 ランキング

人気 1位
本書の内容
Web制作にとどまらず、Webアプリやクラウドでも使われているHTML&CSS。本書は最低限必要な知識に絞って解説しています。これまでHTML&CSSを勉強したことがない方はもちろん、Web制作の概要を大まかに知りたい方、アプリ開発に先立ってHTMLとCSSの要点を短期間で知りたいエンジニアの方にもおすすめです。
「そろそろ常識?」シリーズは、会話形式の解説をマンガテイストに進化させ、マンガ、会話、チュートリアルをシームレスに組み合わせたニュースタイルの解説書。常識とされながらも覚えにくいテーマをピックアップし、要点をマンガでわかりやすく解説します。

※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。  
内容サンプル
 
ユーザーレビュー
 
   
人気 2位
本書の内容
★★★★★★★★★★★★★★★★★★★★★★★★★★★
【ありがとう! ついに10万部突破!!】
【全国の書店員さんがオススメする本「CPU大賞」第1位受賞! 】
【感謝を込めて、期間限定 購入者特典!!】
本商品を2020/11/18(水)00: 00から2021/05/12(水)23: 59までにご購入いただくと、「CSS Flexbox チートシート データ」の特典が受けられます。
商品出荷時にダウンロードURLをメールにてお知らせします。ダウンロードURLをお届けするためにメールが送信されますので、ご了承のうえご購入ください。
なお、特典のダウンロード期限は2021/08/10(火)23: 59となります。
お忘れないようにご注意ください。
★★★★★★★★★★★★★★★★★★★★★★★★★★★


【全国の書店員さんがオススメする本「CPU大賞」第1位受賞!】
今、一番売れているHTML本!
大反響! 9刷突破の大ヒット!
全国の書店員がオススメする本(CPU大賞)第1位!
2019年上半期売上 第1位!※
Web制作に必要な知識がすべて身につく!
※日販売上げランキング: HTML関連書籍


----------------------------------------------------------------------------
Web界隈やデザイナーに大人気!
Web関連の情報やデザインについて記事が学べる『Webクリエイターボックス』の管理人、
Manaによる渾身のHTML & CSSとWebデザインが学べる本
----------------------------------------------------------------------------


今のWebサイトの作り方が一気に学べる!

・知識ゼロから体系的に学べる! HTMLとCSSの基本
・最新の技術に対応! レスポンシブ、Flexbox、CSSグリッド
・手を動かしながら学べる! プロの現場で役立つテクニック
・コードの知識からデザインのことまで1冊ですべて学べる!

WebクリエイターボックスのManaが教える
Webサイト制作の定番&旬のスキル。
この1冊で必要なことがすべて学べる!

コードもデザインも全部学べる!


●本書の対象読者
・これからWebサイトを作り始める初心者
・HTMLとCSSを基本から学びたい人
・美しいデザインのWebサイトを作りたい人
・Webの最新技術を学びたい人


●CONTENTS
-----------------------------------------------
CHAPTER 1 最初に知っておこう! Webサイトの基本
CHAPTER 2 Webの基本構造を作る! HTMLの基本
CHAPTER 3 Webのデザインを作る! CSSの基本
CHAPTER 4 フルスクリーンのWebサイトを制作する
CHAPTER 5 2カラムのWebサイトを制作する
CHAPTER 6 タイル型のWebサイトを制作する
CHAPTER 7 外部メディアを利用する

●著者プロフィール
Mana


日本で2年間グラフィックデザイナーとして働いた後、カナダ・バンクーバーにあるWeb制作の学校を卒業。カナダやオーストラリア、イギリスの企業でWebデザイナーとして働いた。現在は全国各地でWeb関連のセミナーに登壇し、Webサイト制作のインストラクターとして教育に携わっている。ブログ「Webクリエイターボックス」は2010年日本のアルファブロガーアワードを受賞。  
内容サンプル
 
ユーザーレビュー
1番人気の本で、ずっと欲しかった本です。書店で買うより少し安く購入できたので良かったです。 とても分かりやすい内容で、保存しておこうと思います。 取り寄せなのか、何日で発送なのか確認不足で手元に届くまで時間がかかりましたが、商品自体は良かったです。
ひさびさにホームページを作成しようかと思って 評価の高かったこちらを購入。 一通りの知識はあるので、正直言って得るものはそれほどありませんでした。 これから覚えたい人が最初に読む本としてならいいのでしょう、わかりやすさは普通だと思います。
HTMLとCSSのことを何も知らなかったので買いました。これからホームページを始めようと思うならば、こういったことはどうしても知らないといけないので、買って良かったです。
 
   
人気 3位
本書の内容

※この商品は固定レイアウト型の電子書籍です。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。

※お使いの端末で無料サンプルをお試しいただいた上でのご購入をお願いいたします。

※本書内容はカラーで制作されているため、カラー表示可能な端末での閲覧を推奨いたします。



これ1冊でWebプログラミングが一通り学べる!

まったくのプログラミング初心者に向けた、Webプログラミングの入門書です。「HTML+CSS」「JavaScript」「PHPによるサーバー開発」「Ajaxによる非同期通信」Webを使ったスマホアプリ作成」などを、猛スピードで全部学びましょう!Webプログラミングに必要なテーマの本は、それぞれ1冊になるくらいのボリュームですので、それを何冊も読むのは大変ですよね。本書では必要なものを全部つまみ食いして、一度にすべて使えるようになれます!「HTML+JavaScriptのWeb作成」から一歩踏み出し、サーバー側の開発まで含めたプログラミングを学び、応用として、Web部分をそのままスマートフォンのアプリに組み込み、「サーバーと連携したスマホアプリ」までも取り上げています。ですので、「Webページ、サーバー、スマホアプリ」のすべてを体験できます。昨今、プログラミングの仕事というとWebプログラミングは避けて通れませんので、プログラマーになりたいあなたには必読です!  
内容サンプル
 
ユーザーレビュー
 
   
人気 4位
本書の内容
これから本気で学びたい人の最高の教科書!

※この電子書籍は、「固定レイアウト型」で配信されております。説明文の最後の「固定レイアウト型に関する注意事項」を必ずお読みください。

レスポンシブWebデザインが“当たり前”の時代の、新しいHTML・CSSの書き方ガイド

現在のHTML・CSSの書き方は、少し前までのHTML・CSSの書き方とは大きく変わっています。本書ではスマートフォン時代に求められる、HTMLを組むときの考え方からCSSの実践的なテクニックまでをきちんと解説。たくさんのサンプルコードに触れていただくことで、最新の、実践で役立つ力がきちんと身につきます。

<本書の対象読者>
●これからWebサイト制作を学びたい初心者の方
●最新のHTML・CSSの書き方を知りたい経験者の方
●フレックスボックスを使ったページレイアウトについて知りたい方

●目次
CHAPTER 1 Webサイトの仕組みを知ろう
CHAPTER 2 HTMLの基礎知識とマークアップの実践例
CHAPTER 3 CSSの基礎知識とページデザインの実践例
CHAPTER 4 テキストの装飾
CHAPTER 5 リンクの設定と画像の表示
CHAPTER 6 ボックスと情報の整理
CHAPTER 7 テーブル
CHAPTER 8 フォーム
CHAPTER 9 ページ全体のレイアウトとナビゲーション
CHAPTER 10 レスポンシブWebデザインのページを作成しよう

固定レイアウト型に関する注意事項(必ずお読みください)
この電子書籍は、全ページ画像の「固定レイアウト型」で配信されております。以下の点にご注意し、購入前にプレビュー表示をご確認の上、ご購入ください。

■使用できない機能
・文字拡大(ピンチイン・ピンチアウトは可能ですが、画面におさまらない場合は画面をスワイプ)/文字のコピー/マーク/ハイライト/文字列検索/辞書の参照/Web検索/引用

■推奨環境
・タブレットなど大きいディスプレイを備えた端末
・Wi-Fiネットワーク経由でのダウンロード(Kindle端末の場合)
 
内容サンプル
 
ユーザーレビュー
 
   
人気 5位
本書の内容
〈電子書籍版に関する注意事項〉
本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なりますので、ご購入前にお使いの端末にて「無料サンプル」をお試しください。

【コーディングの練習を繰り返して、腕前グングンUP!】

HTML・CSSの基本は覚えたけれど、デザインカンプから情報を読み取って、イチからコーディングするのはまだ無理……。
初心者を脱して、コーダー/マークアップエンジニアとして制作現場でバリバリ活躍する力をつけたい。

本書はそんな方に向けたものです。

初心者の方が、制作現場で通用する“コーディング力”を強化するには、豊富なパターンの実践練習を繰り返すのが、遠いようで一番の近道。そのために、本書は150通り以上のサンプルを使って、HTML+CSSのコーディング練習を積み重ねるスタイルとなっています。

6章構成で、基礎固めをしながら、できるだけ効率よく実務レベルの知識やスキルを身につけられるよう、小さな単位のサンプルを数多く盛り込みました。小さな課題をたくさんこなす中で、現場の実務で遭遇するような“少し難しい課題”も自力で解決する力がつくよう構成しています。

また、各章で学んだことをアウトプットできるよう、章末に各自で取り組むための練習問題(EXERCISE)も用意しています。

本書を通して、実際に手を動かしながら課題に取り組むことで、“コーディング力”が確実にアップしますので、ぜひチャレンジしてみてください!

〈こんな方にオススメ〉
○コーディングの初心者から中級者にレベルアップしたい方
○自力でイチからコーディングする力をつけたい方
○Web制作の現場で働きはじめて間もない、実践経験の少ない方

〈本書の内容〉
■INTRODUCTION 事前準備と前提知識
■CHAPTER 1 基本レイアウト
■CHAPTER 2 応用レイアウト
■CHAPTER 3 表組み・フォーム
■CHAPTER 4 CSS設計
■CHAPTER 5 マークアップ
■CHAPTER 6 総合演習

〈本書の特長〉
○150通り以上のサンプルを使って実践練習を繰り返す。
○HTML・CSSのコーディングに特化して強化する。
○実務でよく遭遇する課題を自力で解決する力がつく。  
内容サンプル
 
ユーザーレビュー
 
   
人気 6位
本書の内容
Webは誕生から20年で爆発的な普及を果たし,17億人のユーザと2億台のサーバを抱える巨大システムへと成長しました。Webがここまで成功した秘密は,その設計思想,いわゆるアーキテクチャにあります。Webのアーキテクチャ,そしてHTTP,URI,HTMLといったWebを支える技術は,Webがどんなに巨大化しても対応できるように設計されていたのです。
私たちが作る個々のWebサービスも,Webのアーキテクチャにのっとることで成功へとつながります。Webのアーキテクチャに正しく適応したWebサービスは,情報が整理され,ユーザの使い勝手が向上し,ほかのサービスと連携しやすくなり,将来的な拡張性が確保されるからです。
本書のテーマは,Webサービスの実践的な設計です。まずHTTPやURI,HTMLなどの仕様を歴史や設計思想を織り交ぜて解説します。そしてWebサービスにおける設計課題,たとえば望ましいURI,HTTPメソッドの使い分け,クライアントとサーバの役割分担,設計プロセスなどについて,現時点のベストプラクティスを紹介します。  
内容サンプル
 
ユーザーレビュー
大学の授業に必要だったので購入。大学で購入するより、こちらで購入して方がポイントが付くのでお得かと。内容は息子用なので分かりません。
素早い配送で助かりました。 サイズも120円で送れるものでした。 思ってたよりは薄めでしたが、耐久性も悪くはなさそうです。
とてもわかりやすくかいてありました。 webについて基礎的なことから、応用的なことまで学習できます。満足です。
 
   
人気 7位
本書の内容
JavaScriptを使用したWebブラウザゲームの製作ノウハウを解説する入門書です。
Webページをまったく作ったことはないが、現在主流となっているブラウザゲームに興味があり、
「自分でもゲームプログラミングに挑戦してみたい!」と考えている初心者に最適です。

本書では「より面白く」「見栄え良く」をモットーに、11本のサンプルゲームを紹介しています。
ゲームを作りながら、JavaScriptだけでなくHTML5やCSSといったWeb技術の基本もしっかり学習できます。

また、あくまで「学習書」という位置付けであることから、最後まで読んでしっかり学習してもらうために、
「楽しさ」を感じられて「飽きさせない」ことを重視した構成になっています。

【本書のセールスポイント】
[1]JavaScriptで「面白く」「見栄えの良い」Webブラウザゲームを「短いコード」で「簡単に」開発できる
[2]サンプルゲームはスマホにも対応
[3]アクション系ゲームにも応用できる物理エンジン(衝突判定等)付き
[4]サンプルゲームのダウンロードサービス
[5]サンプルゲームはダウンロードしてスグに試せる!  
内容サンプル
 
ユーザーレビュー
 
   
人気 8位
本書の内容
累計10万部のベストセラーが、現代のトレンドに対応して大改訂!

1つのストーリーに沿ってWebサイト作りとHTML&CSSの基本がスラスラ学べる、入門書の決定版!
第3版では現代のトレンドにあわせて制作するサイトを一新。PC・モバイル端末に対応したサイト作りの全手順を、図入りでとことん丁寧に解説しています。

これからWeb制作を始める人にも、HTML・CSSを学び直したい人にもおすすめの、充実の内容です!

最新のHTML Living Standardに準拠。Windows/Mac対応。


Chapter01 Webサイト制作を始める前に
01 Webサイトとその構成要素
02 Webブラウザの機能と種類
03 Webサイトを公開するまで
04 制作に使うアプリのインストール

Chapter02 HTMLの基礎
01 HTMLはWebページを制作するための言語
02 HTMLの基本的な書式
03 親子、子孫、兄弟 ~HTMLの階層関係

Chapter03 制作の準備と基本のHTML
01 Webサイト制作の準備
02 すべてのページに共通するHTMLタグ

Chapter04 テキストの表示
01 見出し
02 段落
03 番号なしリスト(非序列リスト)
04 要素のグループ化
05 コメント文
06 ヘッダーにナビゲーションを設置
07 キーボードで入力しにくい文字の表示
08 テーブル(表)

Chapter05 リンクと画像の挿入
01 サイト内リンクと相対パス
02 外部サイトへのリンクと絶対パス
03 ページ内リンク
04 画像の挿入
05 画像+リンク

Chapter06 CSSの基礎
01 HTMLの「見た目」を整えるCSS
02 CSSの基本的な書式
03 主なセレクタと書き方
04 CSSを書く場所
05 CSSファイルの作成とHTMLとの関連付け

Chapter07 テキストのスタイル、背景色、ボックスモデル
01 CSSのコメント
02 ページ全体のフォントやテキストの設定
03 個別のテキストのスタイル変更
04 リンクテキストのスタイル
05 テキストと画像の行揃え
06 背景色の設定
07 ボックスモデル1 マージンとパディング
08 ボックスモデル2 ボーダー
09 メインコンテンツを中央揃えに
10 画像の伸縮

Chapter08 スタイルの上書き、フレックスボックス、テーブルの整形
01 スタイルの上書き
02 繰り返す背景画像
03 デフォルトCSSの調整 ~リストの「・」をなくす
04 ナビゲーションを横に並べる
05 繰り返さない背景画像
06 背景画像の表示方法を調整
07 テーブルの整形

Chapter09 2ページ目以降のHTMLとグリッドレイアウト
01 ホームページ以外のファイルを作成
02 各ページにヒーロー画像を表示する
03 番号付きリスト ~アクセスページのHTMLを編集
04 メニューページのHTMLを編集
05 メニューページのスタイルを設定

Chapter10 フォームを使うページの作成
01 フォームの基礎知識
02 お問い合わせページの概要
03 フォーム全体の親要素
04 セレクトリスト
05 ラジオボタンとチェックボックス
06 テキストフィールド
07 テキストエリア
08 送信ボタン
09 ラベル
10 フォームのスタイル
11 送信ボタンのスタイル

Chapter11 モバイル端末に対応する
01 レスポンシブデザイン
02 ビューポートの設定
03 メディアクエリとブレイクポイント
04 ナビゲーションを調整
05 メインコンテンツの左右にスペースを作る
06 ホームページのヒーロー画像のサイズを調整
07 メニューページの列数を変更

Chapter12 Webサイトを公開する
01 Webサイト公開までの準備
02 Webサーバーに接続
03 ファイルのアップロード
04 Webサイトの最終確認  
内容サンプル
 
ユーザーレビュー
 
   
人気 9位
本書の内容
本書は、WebプログラマがWebプログラマの視点で、Webプログラミングに必要なHTML/CSSを学習するための初心者向け書籍です。

PCに電源を入れてログインした後、まず起動するソフトウェアは何でしょうか? PCの使い方にもよりますが、
恐らくEdgeやSafari、Chromeなどのブラウザと答える人が多いのではないでしょうか。

これらのブラウザを利用した際、そこに表示された画面にはほぼ間違いなくHTMLとCSSが使われています。ブラウザに表示される
さまざまなものの裏にWebシステムがかかわっている現状を考えると、これらWebシステムを作成するプログラマも、
HTML/CSSを習得しておく必要があります。

【目次】
Chapter 1 Webの仕組みとHTML/CSSの役割
Chapter 2 HTML/CSSのプログラミング環境を作ろう
Chapter 3 初めてのHTML
Chapter 4 基本の文書タグ
Chapter 5 文章を束ねるタグと一部となるタグ
Chapter 6 リスト表示タグ
Chapter 7 テーブル表示タグ
Chapter 8 リンクとコンテンツ埋め込みタグ
Chapter 9 フォーム関連タグ
Chapter 10 CSSの基本
Chapter 11 CSSセレクタ
Chapter 12 CSSレイアウト
Chapter 13 レスポンシブレイアウト

※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
購入前にお使いの端末で無料サンプルをお試しください。  
内容サンプル
 
ユーザーレビュー
 
   
人気 10位
本書の内容
CSS設計の考え方と実践法が身につく

CSS設計は多くの現場で導入されていますが、いまだに悩みがつきません。プロジェクトの大小や性質によって最適解も変わってきます。
そこで本書は、CSSのさまざまな設計手法を紹介しつつ、考え方や実践のポイントを明確化します。そのうえでボタン、ラベル、カード、テーブル…といったウェブの定番的なモジュールを網羅的に取り上げ、さらにはそれらの組み合わせ方まで、実践的なコードを紹介します。
代表的な設計手法である「BEM」と、著者が開発した設計手法「PRECSS」によって対比的な解説を加えており、思考をなぞることで最適解が炙り出されることでしょう。
駆け出しのウェブ開発者、フロントエンドエンジニアの方に、ぜひ読んでいただきたい1冊です。  
内容サンプル
 
ユーザーレビュー
娘用に買いました。 CSS設計についてしっかり学びたかったらしく、よく調べて購入を希望していました。娘にとってはとても良かったようです。最初に使用するには良い参考書だと思います
煩雑になりがちなCSSのまとめ方がとても参考になりました
書かれている内容は良いのですが、まとめ方、文章力、掲載方法等に、工夫が必要。
 
   
人気 11位
本書の内容
手元に置いて引きやすい定番のHTMLとCSSの事典が、
最新仕様に準拠しリニューアル!


本書は、HTML Living Standardの仕様に準拠した要素(タグ)と、
主要なブラウザーで動作するCSS3およびCSS4のプロパティをすべて掲載しています。

手元に置いておきやすいコンパクトなB6判で、
目次のほかに要素名・プロパティ名のインデックスもあるので、
必要な情報をサッと調べることができます。

◆要素・プロパティごとの使い方が分かる!
サンプルコードを豊富に掲載


本書では、
・HTMLの要素に使用できる属性
・CSSのプロパティに指定できる値
を掲載しています。
また、ほとんどの要素やプロパティに個別のサンプルコードを掲載し、
使用例が分かるようになっています。
サンプルコードは、読者限定でダウンロードも可能です。

◆100個以上のプロパティやセレクターを追加!
「グリッドレイアウト」やCSS4のモジュールにも対応


最近のWebページのレイアウトに使われることが多い、
「グリッドレイアウト」に関連するプロパティを掲載しています。
また、ブラウザーで動作するCSS4のモジュールにも対応し、
新たに追加されたセレクターなども掲載しています。


※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
購入前にお使いの端末で無料サンプルをお試しください。  
内容サンプル
 
ユーザーレビュー
 
   
人気 12位
本書の内容
----------------------------------------------------------------------------
Web界隈やデザイナーに大人気!
Web関連の情報やデザインについて記事が学べる『Webクリエイターボックス』の管理人、
Manaによる渾身のHTML & CSSとWebデザインの実践知識が一気に学べる本
----------------------------------------------------------------------------

ほんの一手間で劇的に変わる!
一歩進んだWebサイト制作の知識が一気に学べる!

・5つのサイトから学べる! 今のWebサイトを作る最新の技術群
・自由な表現ができる! 手描き、斜め、グラデーション、あらゆる装飾の作り方
・今日から使える! 表とグラフ、アニメーションなど、JavaScriptライブラリ
・動画、カスタム変数、Emmet、Sass、問題解決の知識まで

WebクリエイターボックスのManaが教える
Webサイト制作の実践&旬のスキル。
思い描いているものを形にできる魔法の1行が必ず見つかる!

コードも、デザインも、時短術も、全部学べる!


●本書の対象読者
・HTMLとCSSの基礎学習までを終えた人
・Webサイト制作のワンランク上のスキルを学びたい人
・自由な装飾表現を用いてWebデザインを作りたい人
・アニメーションなど動きがあるサイトを作りたい人
・練習問題やお題に挑戦し、成果を皆と共有したい人
・効率よくコードを記述できる方法を知りたい人
・独学で困った際などの問題解決法を学びたい人


●CONTENTS
-----------------------------------------------
CHAPTER 1 最初に知っておこう! Webサイトの基本と必携ツール
CHAPTER 2 「レスポンシブWebデザインとフォント」
CHAPTER 3 ブログサイトで学ぶ「装飾とカラムレイアウト」
CHAPTER 4 コーポレートサイトで学ぶ「表組み、フォーム、JavaScript」
CHAPTER 5 イベントサイトで学ぶ「特定ページの作り方とアニメーション」
CHAPTER 6 ギャラリーサイトで学ぶ「動画と画像の使い方」
CHAPTER 7 HTMLやCSSをより早く、より上手に管理できる方法
CHAPTER 8 サイトの投稿と問題解決  
内容サンプル
 
ユーザーレビュー
とても実践的な良書だと思います。こういうデザインは、こうしたらできる、というように具体的に方法を示してくれます。ただしHTMLとCSSの基礎がわかっていないとチンプンカンプンでしょうから、中級以上向きです。あと外部サイトのデータに頼りがちな部分があり、手っ取り早いのはわかるのですが、うーん、ってところで満点とはいきません。それでも、読者の使い勝手をよく考えてくれているので、買って損はないでしょう。
息子がホームページ作成のための勉強用に購入しました。PC初心者ですが独学で勉強を楽しく進めることができるらしく、あっという間に読み終えてしまいました。
前作のHTMLの本が良かったので、今回新しいこの本も購入しました。色んなタグの使い方やデザインなどを知ることができて本当に有益な本です。
 
   
人気 13位
本書の内容
美しいデザインでサイト制作の知識とワザが「1冊で」身につく本格入門!

<コンセプト>PC&モバイルサイトデザインの基礎力とHTML・CSSコーディングの知識が1冊で同時に身につく!
ウェブ制作を仕事にするならHTMLとCSSを学ぶことから始めますが、本書は体系立てた文法学習よりも、まずは「コーディングとはどのような作業なのか」を理解できる初学者向け入門書です。架空のカフェのショップ紹介&ネットショップサイトをチュートリアル形式で作成しながら、基本的なHTML要素/CSSの基本構造(セレクタ、プロパティ、値)を学ぶことができ、レイアウトのテクニックやデザイン(Webデザイン&レスポンシブデザイン)の基本も身につきます。
<本書のポイント>
・チュートリアル学習では、PC版だけでなくウェブ制作の現場でニーズの高いモバイルサイトのデザインがしっかり学べます
・定番となったflexbox、displayを使ったレイアウト手法の基礎から実践まで丁寧に解説します
・「フルスクリーン」「フレックスボックス」「シングルカラム」「2カラム」「グリッド」の5種類のレイアウトパターンを学習できます
・横スクロールするレイアウト、アニメーションで拡大するボタンなど動きのあるサイトづくりも体験できます
・「動画コンテンツページ」「ネットショップページ」も制作します
<綴じ込み特典つき>
付録1デザインのバリエーションが学べる! 「レスポンシブデザインのネタ帖」
付録2インターン、就転職に役立つ! 「ポートフォリオ用アレンジのネタ帖」  
内容サンプル
 
ユーザーレビュー
webデザインの勉強に最適です。増補改訂版が出され、最新のwebデザインが勉強できます。個人的にはグリッドレイアウトとフレックスが載っているのが、ありがたかったです。
 
   
人気 14位
本書の内容
Webサイト制作をこれから学ぶ人へ送る
“1冊目"に最適の入門書! 【学びをサポートする4大特典つき】

本書は手を動かしてWebサイトを作りながら
HTML/CSSとWebデザインの基本を楽しく学べる入門書です。

初学者が1冊目に読む本としてふさわしい内容を盛り込んでいるため、
これを読めば必要な基礎知識がひととおり身につきます。

制作できるサイトは計4種。
初歩的な内容から少しずつレベルアップしていき、
Flexboxレイアウト・CSSグリッドレイアウト・
レスポンシブデザイン・CSSアニメーションも作れるようになります。

またコーディングの知識だけではなく、
学習を続ける上での学び方のコツやポイントも紹介。
知識ゼロからスタートした人でも、1冊を読み終えるころには
自ら学習を深めていけるようになるでしょう。

■わかりやすい! 楽しい! ポイント
・やさしく要点をおさえた解説
・手を動かして作ることを重視した構成
・おしゃれでバリエーション豊かなサンプルサイト
・豊富な図解とイラスト、キャラクターによるガイド
・重要ポイントの理解を助ける補足動画

■こんな方におすすめ!
・Webサイト制作をゼロから学びたい初心者
・1冊目の入門書を探している人
・Web制作の仕事を目指している人

■学習をサポート! 嬉しい4大特典つき!
(※翔泳社サイトにて無料のID登録とダウンロードの必要があります)
1.サンプルサイトのXDデータ
- 画像の切り出しや色/数値抽出の練習用に
- デザインファイルの作り方の参考に

2.特典PDF:Webサイトの公開方法
- 最後に必要な公開作業の手順も解説!
- レンタルサーバー/ドメインについてやFTPソフトの使い方

3.制作に役立つおすすめサイト集
- 実際のしごとで使っているサイトを厳選!
- Webデザイン編/コーディング編と合計、約50サイトを紹介

4.初学者必携のチートシート
- 横において学習すると学びやすい!
- Flexboxレイアウト/CSSグリッドレイアウト/CSSのショートハンド/キーボード入力サポートの4種

 
内容サンプル
 
ユーザーレビュー
本自体は綺麗な状態で届きましたので満足ですが、 2点頼んで別送されると思わず、連絡も無かったので問い合わせしてしまいました。 無事に届きましたが、ちょっと焦りました。
基礎から分かりやすく解説されているとともに、中級者でも気付きの得られる内容です。現場で多用されるフレックスボックスについては紙面をもっと割いて解説が欲しかったです。
 
   
人気 15位
本書の内容
初心者から熟練者まで、すべてのWeb制作者のための早引き事典の最新版!

本書は、HTMLの要素(タグ)とCSSのプロパティを解説した事典です。
HTMLの要素やCSSのプロパティの意味、対応ブラウザーなどがひと目で分かるほか、豊富なサンプルコードで、使い方も理解できます。

WordPressなどのCMSで新規サイトを構築するときに、既存サイトのコードを解読したいと思ったときに、タグやプロパティの内容をサッと調べることができる便利な1冊です。
また、HTMLやCSSの基本的な書き方はもちろん、HTML5からHTML Living Standardに標準仕様が移った経緯などの技術的背景、文字参照やURLの構成といったWeb制作者として不可欠な知識も解説しています。
●このような方におすすめ
・HTML&CSSを記述・修正する必要のある人
・Webデザイナーや、情報システム部などでWebサイトを内製で構築する担当者
・HTML&CSSの勉強をしている大学生や新入社員  
内容サンプル
 
ユーザーレビュー
 
   
人気 16位
本書の内容
●知識ゼロでもはじめられる入門書の決定版
ホームページの仕組みや構成の考え方など
基礎的な知識はもちろん、FTPソフトを使った
ホームページの公開やメンテナンスを解説。
もちろん、HTMLやCSSのコーディングも
しっかりと解説しています。

●HTMLやCSSのタグ、プロパティを丁寧に解説
HTMLやCSSのコーディングを解説した章では
1つ1つのタグやプロパティを効率的に学べます。
順序よく読み進めていけば、自然とスキルアップが
できるようにレッスンが構成されています。

●フリーソフト・フリー素材付きですぐにはじめられる
本書で解説に利用しているテキストエディターや
FTPソフト、画像編集ソフトをダウンロードデータに収録。
また、練習用ファイルも含まれているので
ダウンロードする手間なく、すぐに学びはじめられます。

●本書はこんな方にオススメです!
・HTMLやCSSのコーディングをゼロから学びたい
・ホームページ作成ソフトで作ったデータを手直しできるようになりたい
・Web制作に携わる職業を目指していて、基礎を学びたい
※紙書籍に同梱されているCD-ROMは電子書籍版には含まれませんが、CD-ROMの内容と同等のダウンロードデータをご用意しております。ダウンロードデータの入手方法については本書2ページの「サンプルファイルについて」をご覧ください。  
内容サンプル
 
ユーザーレビュー
 
   
人気 17位
本書の内容
この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。

〈電子書籍版に関する注意事項〉
本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なりますので、ご購入前にお使いの端末にて「無料サンプル」をお試しください。

【プロとして「独り立ち」するために、1日30分からはじめる!】

本書は、Webサイトをイチから作ることで、HTML+CSSの基本から応用までを習得していく教科書です。「1日30分からはじめる」をテーマに、Web制作にかかわる知識や技術を解説した「ちゃんとしたプロになる」シリーズの2冊目となります。

本書で学べることは、主に次の3つです。

1つめは、「いま」のWebデザインと現場での実制作の流れ。いま主流のレイアウトや表現手法、制作技術やツールといった、現場でプロとして活躍するためにベースとなる知識を習得できます。

2つめは、HTMLとCSSの基礎。HTML・CSSのごく初歩的な書き方から解説しており、本格的なソースコードを書くのは初めてという方にもわかりやすい内容になっています。

そして、3つめが実際にWebサイトを作るノウハウ。1つのHTMLファイルで完結するシンプルなWebページから、モバイルファーストで設計しFlexboxやCSS Gridといった流行りの手法を取り入れたものまで。タイプや難易度の異なる5つのサイトを作りながら、表現の幅を広げていきます。

本書を通じて、プロとして「独り立ち」するために礎となる力が身につくはずです。

〈こんな方にオススメ〉
・HTML+CSSを本格的に学んでみたい方
・Webデザイナーやマークアップエンジニアを目指す方
・Webサイトを自分の手で作り上げてみたい方

〈本書の特長〉
・作りながら覚えることで、学んだことをすぐに実践できる
・記事ごとに学習時間の目安を設けており、学習教材としても利用しやすい
・大学や専門学校で教えている現役の先生たちが、ていねいに解説している

〈本書の内容〉
■Lesson 1 Webデザインの“いま”
■Lesson 2 Webサイトを制作する準備
■Lesson 3 HTMLとCSSの基礎
■Lesson 4 HTMLとCSSの応用
■Lesson 5 シンプルなWebページを作る
■Lesson 6 シングルページのサイトを作る
■Lesson 7 Flexboxを使ったサイトを作る
■Lesson 8 CSS Gridを取り入れる
■Lesson 9 レスポンシブ対応サイトを作る  
内容サンプル
 
ユーザーレビュー
 
   
人気 18位
本書の内容
ベストセラーが大改訂!

累計4万部突破の前作が、5年ぶりの大改訂!

小さなサイト作りを通してHTMLとCSSの基礎が学べる入門書の決定版!
第2版ではPCだけでなくスマホやタブレットにも対応したサイトが完成します。
ソースコードは現在のトレンドに合わせ、解説もいっそう丁寧にわかりやすくなりました。

これからWeb制作を始める人にも、HTML/CSSを学び直したい人にもおすすめの、充実の内容です!

最新HTML5.2準拠。Windows/Mac対応
 
内容サンプル
 
ユーザーレビュー
仮想の喫茶店のホームページを一から作ることでHTMLやCSSの技術を理解できる仕掛けになっている。 開発環境もフリーのソフトを使っているので、実習環境を安価に入手できるのも良い。(秀丸エディタ)
実際にホームページを作成する手順を学ぶので、とっつき易いというメリットがあります。ところどころコードの意味合いまでは踏み込んでいない為、別途調べる必要もありました。
実際のHPつくりながら練習します。初心者なりにわかりやすいと思います。これだけだと勉強不足かもしれないので、スタートアップとして利用がいいと思います。
 
   
人気 19位
本書の内容
CSSをより便利に、効率的に書ける「Sass(サス)」の解説書を、最新のコーディング環境にあわせて大幅刷新!Sassは導入が面倒そう。はじめたいけどあと一歩が踏み出せない。CSSを今よりも効率的に書きたい。こうした方がSassを導入するきっかけとなり、ひと通りSassの機能を使いこなせるようになるのが本書の目標です。CSSをHTMLの構造に合わせて入れ子で書いていく「ネスト」や、便利な「変数」や「演算」などのSassの基本機能はもちろん、筆者が実際に仕事の現場で使っている実践的なテクニックまで、この一冊で網羅しています。

※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
購入前にお使いの端末で無料サンプルをお試しください。  
内容サンプル
 
ユーザーレビュー
 
   
人気 20位
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
人気 21位
本書の内容
「HTML5プロフェッショナル認定試験 レベル1 Ver2.0」を受けるならこの本で決まり!

本書は、LPI-Japanが主催する「HTML5プロフェッショナル認定試験 レベル1 Ver2.0」(2017年3月改訂版)に合格するための知識を身につけるための書籍です。

※「HTML5プロフェッショナル認定試験」は、HTML5やCSS3、JavaScriptなど、最新のマークアップに関する技術力と知識を認定するための資格試験です。デザイン、Web、開発に関わる幅広い職種を対象としています。

LPI-Japanによって公開されている出題範囲をしっかりと押さえつつ、関連する知識も含めて、読みやすく、覚えやすい形でまとめています。

紙面では、「用語解説」や「注意するポイント」「補足説明」などを適切に切り分けて掲載し、重要な点がスムーズに学べるよう配慮しています。

また、各章の最後には問題集を用意し、学習した内容の理解度を確認するとともに、しっかりと定着させていくことができます。

今回の改訂版では、HTML、CSSの解説を全面的に見直し、ブラッシュアップしています。
出題範囲の改訂にあわせて項目の追加や削除、内容の修正、順番の入れ替えなどを行い、より読みやすく、理解しやすい内容になっています。

また、もちろん問題集も、新しい出題範囲に対応した新しい項目を追加し、以前から含まれている内容については見直しを行いました。より実際の試験に近づけています。

HTML5については、2016年11月に勧告されたHTML5.1に完全対応。試験対策のみならず、勧告されたHTML5について、短期間で学ぶのにも適した書籍です。  
内容サンプル
 
ユーザーレビュー
勉強中の本と同じ会社の本なのでわかりやすくていいです。
null
null
 
   
人気 22位
本書の内容
この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。

〈電子書籍版に関する注意事項〉
本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なりますので、ご購入前にお使いの端末にて「無料サンプル」をお試しください。

【1日30分からはじめる! プロを目指す人の新・スタンダード。】

WebデザインやHTML・CSSの学習を「1日30分からはじめる」をテーマに、やさしくしっかり解説した書籍。初学者の方が、プロのWebデザイナーを目指す上で必要となる基本的な知識や技術を体系的に学べます。“ちゃんとしたプロ”のWebデザイナーとしてスタート地点に立つために、最初に選んでいただきたい1冊です。

Webサイトの実制作のフローに沿い、本書の解説では、Webデザインの概論と制作に必要となるツールや素材・配色について学んだあと、HTML・CSSの基礎と実践を習得し、サイトの公開や運用に関する知識を身につけます。HTML・CSSの書き方を初歩から教えるだけにとどまらず、サイトを制作し、公開・運用していくために必要な基本知識をすべて解説しています。

また、各記事ごとに学習時間の目安を記載しており、授業や独習で学習教材として活用しやすい作りを目指しました。HTML・CSSの実践部分でサンプルサイトとして制作するのは、シングルページのシンプルなお店のサイトと、モバイルファーストの手法を取り入れたサイトの2つです。サンプルは学習用データとしてダウンロード提供します。

〈こんな方にオススメ〉
・初学者からプロのWebデザイナーやマークアップエンジニアを目指す方
・Webデザイン制作やHTML・CSSの知識を身につけたい方
・WebデザインやHTML・CSSの基本情報をアップデートしたい方

〈本書の章構成〉
○Lesson1 Webサイトの成り立ち
○Lesson2 Webサイトの枠組みを知る
○Lesson3 Webデザインに必要な素材
○Lesson4 HTMLをマスターする
○Lesson5 CSSをマスターする
○Lesson6 シングルページのサイトを作る
○Lesson7 レスポンシブ対応サイトを作る
○Lesson8 Webサイトを公開してみよう
○Lesson9 SNS連携とWebサイトの運用  
内容サンプル
 
ユーザーレビュー
 
   
人気 23位
本書の内容
HTMLによる、HTMLのための、HTMLだけの本

Web制作の初心者に向けた「HTML5+CSS3でサイトを作ろう」といった内容の書籍は多数出版されています。しかし、それらを卒業し、2冊目となるような、より深く「HTML」を学習できる書籍はあまりありません。
本書は、最低限のHTMLに関する知識やスキルを持ち、簡単なHTMLファイルを作成できることを前提に、HTMLを再入門、あるいはHTMLの初・中級者からさらなるステップアップをしたい、という読者を対象にしています。

HTMLをより深く学習する、言い換えると深く理解するためには、HTMLのシンタックス(構文)とセマンティックス(意味論)を理解することが不可欠です。シンタックスは機械的にチェックできますが、セマンティックスについては現在の技術では人によるチェックをせざるを得ないのが現状でしょう。
また、HTMLの究極の学習コンテンツはウェブ上で策定・公開されているHTML仕様といえますが、現在のHTML仕様は多数の前提知識が必要であり、中・上級者向けともいえます。

本書を読み進めることで、静的なウェブページから動的なウェブアプリケーションまで、筋の通ったHTMLを設計・記述できるようになることを目指します。本書では触れていませんが、これにより現代のウェブページに不可欠なCSSやJavaScriptの設計・作成についても理解が深まることでしょう。
また、HTML仕様を読むための前提知識についても解説しています。さらに、HTMLと関連のあるアクセシビリティやセキュリティの知識についても、著者陣がスペシャリストの立場として、必要に応じて言及しています。

目次

1章 HTMLの基本概念
1-1 HTMLとは
1-2 HTMLの仕様
1-3 HTML標準化の歴史
1-4 ウェブアクセシビリティの基礎
1-5 URLの概要
1-6 HTTP
1-7 技術情報との関わり方

2章 HTMLマークアップのルール
2-1 HTMLの要素とタグの基本
2-2 属性
2-3 URLの応用
2-4 要素の入れ子と内容モデル
2-5 HTMLで扱える文字
2-6 文字参照
2-7 コメント
2-8 HTMLの細かい構文ルール

3章 HTMLの主要な要素
3-1 「HTMLの主要な要素」の読み方
3-2 ルート要素と文書のメタデータ
3-3 セクション
3-4 グルーピングコンテンツ
3-5 テキストレベルセマンティックス
3-6 リンク関連要素
3-7 編集
3-8 エンベディッドコンテンツ
3-9 テーブル
3-10 フォーム1
3-11 フォーム2
3-12 インタラクティブ要素
3-13 スクリプティング

4章 主要な属性とWAI-ARIA
4-1 グローバル属性
4-2 WAI-ARIA
4-3 ARIA利用時の注意点
4-4 WAI-ARIAの実践
 
内容サンプル
 
ユーザーレビュー
HTMLの仕様を学び直すことができました。 リファレンスとして必要な時に後から見直すことでも活用できそうです。
 
   
人気 24位
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
人気 25位
本書の内容
現在の「Web技術」のきほんを、1冊でしっかり学ぼう!

本書は、HTMLとCSS、JavaScriptの基本を1冊で学べる本です。
現在、HTMLとCSS、JavaScriptという「Web」を構成する技術は、WebサイトやWebアプリケーションをはじめとして、さまざまな環境で使われるようになっています。本書では、その3つの技術に焦点をあてて、1冊で「現在のWeb」の基本を総合的に学べるようにしました。

これからWebの仕事をしたいと考える方にとって、最初のスタートとして最適な1冊です。

HTML5.1/CSS3 対応。

===(以下、著者による「はじめに」より編集・抜粋)===

本書は、HTMLとCSS、JavaScriptすべてを1冊で紹介した欲張りな本です。

ただ、それは単に「お得」とか「色々なことをさらっと」というわけではありません。これから「Web」という技術を学んでいきたいという方に向けて、最初に必要となる知識をしっかりと身につけて欲しくて執筆しました。

HTMLといえば、最初に思いつくのは「Webサイト(ホームページ)制作」です。ただ、本書はWebサイト制作の入門ではないため、それに必要となる次のような知識については、あえて触れていません。

・Webサイトの設計・画面設計手法
・コンテンツの作成方法
・Webサイトの公開方法やメンテナンス方法など

これら、「Webサイト制作に必要な知識」は他の書籍にお任せし、本書は技術としてのHTML/CSS/JavaScriptの解説だけに絞りました。

「Web」の技術は、今やサイト制作だけでなく、スマートフォン向けのアプリケーション開発やPepper等のロボット開発、AIのインタフェース開発など、あらゆる分野で活用されています。そんなとき、これらの技術をまとめて解説する書籍があればと思い、執筆するに至りました。

Webサイト制作者になりたい方はもちろん、これまでJavaやPythonなどのプログラミング言語は学んできたものの、HTMLやJavaScriptについて学ぶ機会がなかったエンジニアの方、そしてこれからネット業界、AI業界を目指す学生の方など、幅広い方々に活用して頂ければありがたく思います。

===(「はじめに」以上)===

===章構成===

Chapter 1 Webの開発環境を整えよう
Chapter 2 HTMLとCSSのきほんを学ぼう
Chapter 3 スマートフォン対応のきほんを学ぼう
Chapter 4 CSSフレームワークのきほんを学ぼう ~ Bootstrapでフォームを作る
Chapter 5 JavaScriptのきほんを学ぼう
Chapter 6 イベントドリブンのきほんを学ぼう ~ DOMを使ってストップウォッチを作る
Chapter 7 Ajax通信のきほんを学ぼう ~ jQuery、Vue.jsにもチャレンジ!  
内容サンプル
 
ユーザーレビュー
日曜に買うとクーポンが付いていたのでこちらで購入しました! 梱包も丁寧で良かったです! 最寄りの本屋で見かけなかったので、こちらで購入できて良かったです!
まだ、読んでおりませんが、すぐに届きました。
 
   
人気 26位
本書の内容
本書は、初めてHTMLを使ってWebページを作成する初心者から、企業のWebページ作成を担当する中級者までを対象に、HTML5やCSS3を使ってWebページを作成する方法を紹介しています。HTML5とCSS3の特長や記述方法はもちろん、さまざまな画面サイズに応じてWebページのスタイルを設定するレスポンシブWebデザインまでわかりやすく解説しています。

ゼロからはじめて仕上げまでWebサイトの作り込みを丁寧に解説!
実践的なWebサイトを仕上げていく過程を通して、Webサイトの作成方法を段階的に習得できます。本編では商品紹介サイト、総合問題ではイベント情報サイトを実際に作成しながら学習していくので、最後までやりきると達成感を持つことができます。

設計から運用・分析までWebサイト構築フローもわかりやすく解説!
Webサイトの設計や運用、Webサイトのアクセス分析など、Webサイト構築に必要な工程を解説しています。現場のワークフローに沿ったWebサイト構築方法を理解することができます。

さまざまなデバイスに対応させる「レスポンシブWebデザイン」のテクニックも紹介!
スマートフォンやタブレットといったさまざまなデバイスに合わせて変化できるようなWebページのレイアウトが求められています。同じWebページを画面の大きさに合わせて最適な形で表示するレスポンシブWebデザインのテクニックをマスターできます。

ユーザビリティやアクセシビリティに配慮してワンランク上のWebサイトを作成!
閲覧者が使いやすいWebページと感じてもらえるためのユーザビリティ、さまざまな環境でもWebページを正しく閲覧できるようにするためのアクセシビリティに配慮したWebページを作成するための方法を紹介しています。

総合問題で力試しができる!
総合復習として総合問題7問を巻末に用意しています。自分の力になったかどうかの力試しに利用できます。

Webクリエイター能力認定試験の入門書に最適!
「Webクリエイター能力認定試験HTML5対応」の出題範囲のタグやプロパティを9割以上紹介しています。Webクリエイター資格取得のための入門書にも最適です。
 
内容サンプル
 
ユーザーレビュー
改訂版には誤字脱字が表記されている別紙が挟んであるのに、これには有りませんでした。
基礎的なことをシンプルに構成されておりお薦めです。
 
   
人気 27位
本書の内容
フロントエンドエンジニアから学ぶ制作現場の実践的なテクニック!

本書は、HTML5/CSS3を使ってモダンなサイトを制作するためのコーディングテクニックをハンズオン形式で学ぶ書籍です。現在主流なWebページのデザインスタイル、「スタンダードレイアウト」「グリッドレイアウト」「シングルページレイアウト」を適用した3つのサイトを作りながら、各スタイルの特徴や使い分け、コーディングテクニックを学びます。実際のWeb 制作の現場と同様に、サイトのデザインを基にして骨格を見極め、枠組みから中身までひと通りコーディングするというフローをなぞることで、HTML5/CSS3の実用的なコーディングスキルやテクニックを無理なく身につけることができます。3つのサイトを作成することで、「本格的なレイアウトのサイトを作れた」「こういったレイアウトの場合こうコーディングすればいいという具体的なテクニックがわかった」というような手応えを得やすく、学ぶことへのモチベーションが下がらずに高まる構成にしています。駆け出しのフロントエンドエンジニアや、HTML/CSSコーディングに興味はあっても実践の機会がないデザイナー、バックエンドエンジニアなどが、実際にサイトを作ることを通してスキルアップすることを目標とした一冊です。  
内容サンプル
 
ユーザーレビュー
今勉強中なので、もう少しちゃんとコーディングできるようになったら活用したいと思います。
ページがカラーで、とても見やすい本だと思います。
 
   
人気 28位
本書の内容
この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。

〈電子書籍版に関する注意事項〉
本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なりますので、ご購入前にお使いの端末にて「無料サンプル」をお試しください。

【技術の進化に左右されないWebサイトの作り方がわかる!】

Web制作のプロを目指す方に向けて、HTML5+CSS3を使ったWebサイトの作り方を解説した入門書の改訂版。

12章構成で、インターネットとWebサイトの仕組みに始まり、サイト制作現場の基本的な作業フロー、HTMLによるマークアップ方法、CSSによる装飾・レイアウトの技法をていねいに解説しています。

最終章では、レスポンシブWebデザインに対応したサンプルサイトを題材に、実際の業務により近い形の制作方法を学ぶことができる実践的な内容です。

本書の一番の特長は、HTMLとCSSの使い方、サイトの作り方を説明するだけではなく、「なぜ、そのように作るのか?」といった「背景」や「理由」にも踏み込んで解説している点です。

スマートフォンやタブレットなどの普及により、Web制作の現場はこの数年で新たな転換期を迎えていますが、基本となる知識と技法をきちんと押さえておかなければ、いま・これからの新しい流れに対応することも、それを応用することもできません。

本書は、そうした新しい時代にも対応できるような基本知識と応用の効く制作技法を伝えることを目指した本です。

〈本書の章構成〉
Lesson 1 Webサイトの構造を理解する
Lesson 2 制作に入る前の準備
Lesson 3 HTMLでページの骨格をつくる
Lesson 4 HTML&CSSの基本ルール
Lesson 5 文字・見出し・段落の設計
Lesson 6 リンクと画像の設定
Lesson 7 リストとテーブルを組む
Lesson 8 ナビゲーションをつくる
Lesson 9 フォームをつくる
Lesson 10 Webページをレイアウトする
Lesson 11 HTML5+CSS3の新機能
Lesson 12 実践編:レスポンシブサイトをつくる  
内容サンプル
 
ユーザーレビュー
 
   
人気 29位
本書の内容
※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。
また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
お使いの端末で無料サンプルをお試しいただいた上でのご購入をお願いいたします。
なお、実際のサービスのインターフェースが変更され、本書内の解説と実際の画面が異なることがありますので、ご了承ください。


主要なブラウザの中でCSS3への対応が遅れていたInternet Explorerもバージョン10になり、これで主用ブラウザがすべてCSS3に対応するようになったといえます。つまり、CSS3を本格的に活用したWebデザインを公開する環境が整いました。

本書は、CSS3の活用に加え、CSS2.1までの基本も押さえつつ、最新のWebページのデザインテクニックを解説します。例として掲載したサンプルも、ほとんどが現在利用されている主要なブラウザの最新バージョンに対応しているので、すぐにでも実用が可能です。作成方法は、1つ1つ手順を追って解説しました。初心者の方でもわかりやすくなっています。

本書は15のChapterで構成されています。Chapter1?5までは、CSS2.1までのテクニックを利用したWebページのデザインとレイアウトを紹介しています。従来のCSSのテクニックに習熟している方であれば、そのままChapter 6以降へと読み進めてもよいでしょう。

Chapter1ではWebページの構成に合わせたHTML要素の指定と基本的なデザインの指定を扱います。Chapter2からChapter4までは、従来のテクニックを利用した固定幅、可変幅の段組レイアウトの作成方法について、Chapter5では、サイトトップのページ用の少し変わった段組レイアウトについて解説しています。

Chapter6では、CSS3を活用したWebページのレイアウト方法について解説します。CSS3以前のテクニックでWebページをレイアウトする場合は、HTMLにもいくつか手を加えなければなりませんでしたが、CSS3ではほとんどその必要がないことがお分かりいただけると思います。

Chapter9ではテキストそのものをCSSで装飾する方法、ルビや縦書きなど、日本語テキスト独特の書式への対応方法を解説しています。Chapter10ではサイトタイトルのデザインを解説しています。Webフォントやテキストの影付け、グラデーションの背景、傾けたテキストなど、従来は画像でしか表現できなかったデザインがCSS3を使ってできる方法がわかるようになります。

Chapter11では、ボタンとナビゲーションの作り方について解説しています。従来はFlashやJavaScriptを利用していたボタンやメニューのアニメーションもCSS3で動かします。Chapter12ではフォトギャラリーの作成方法を説明しています。

Chapter13と14ではCSS3を使ったテーブルとフォームのデザインを説明します。これまで要素名から特定するのが難しかったフォームのパーツもCSS3のセレクタの機能によって簡単に判別できるようになります。

最後のChapter15では、1つのHTMLソースで複数のデバイスに対応する「レスポンシブWebデザイン」について解説しています。スマートフォンやタブレット端末が急速に普及し、それらの機器に最適なWebページのデザインが求められている現状、すぐにでもご活用いただけるはずです。
この他にも、CSSの基本やHTML5について、あるいはデザインのバリエーションや特定のブラウザだけに対応したテクニックなどをコラムで解説しています。トピックごとに参考にしてください。

本書で紹介したCSSのテクニックをすべて習得すれば、CSS3マスター間違いなしです。  
内容サンプル
 
ユーザーレビュー
 
   
人気 30位
本書の内容
(概要)
各種講座や書籍でHTML&CSSの学習を終えても、実際の現場では、求められるレベルの業務をこなせない人が少なくありません。デザイナーから渡されたデザインの全体を把握・解釈して、HTML&CSSで書き起こす力が弱い傾向にあります。
本書はWebページのデザインをHTML&CSSで作成するために必要なチカラを身につけて、これまでに学習してきた基礎知識を、Webデザインの現場で「使える力」にレベルアップします。

(こんな方におすすめ)
・Webデザイナー初級者、中級者

(目次)
Chapter 1 デザインからHTML を作る「流れ」
1-1 ゼロからWebページを作る「第一歩」
1-2 HTMLの書式と用語
1-3 CSSの書式と用語
1-4 セレクタと優先順位
1-5 ボックスモデル
1-6 すべてのページに共通するテンプレートを作る
1-7 共通テンプレートをレスポンシブデザイン対応にする
1-8 フォントサイズを調整する
1-9 レスポンシブデザインに対応した画像のスタイル
Chapter 2 レイアウトの大枠を組み立てる
2-1 「ゼロ」からWebページを組み立てるには
2-2 コンテナに分割する
2-3 コンテナのHTMLを書く
2-4 コンテナの幅を設定する
2-5 コンテナの幅を設定する〜ヘッダー、パンくずリスト編〜
2-6 上下の空きスペースを調整する
2-7 コンテナに設定する背景、ボーダーライン
Chapter 3 メインコンテナを組み立てる
3-1 モジュール
3-2 メインコンテナをモジュールに分割する
3-3 グループ化モジュールの特徴と組み込み
3-4 記事タイトル
3-5 見出しと本文
3-6 Webフォントの使用
3-7 テキストを強調するマーカー
3-8 リスト
3-9 画像
3-10 画像+キャプション
3-11 画像にテキストを回り込ませる
3-12 タグとカテゴリー
3-13 テキストの先頭にアイコン
3-14 ボックスに背景画像を適用
3-15 ボックスを囲む
3-16 チャット型のデザイン1 〜ボックスを2つ並べる〜
3-17 チャット型のデザイン2 〜ボックスの大きさ調整・並び順の変更〜
3-18 チャット型のデザイン3 〜要素を円形に切り抜く〜
3-19 タブ付きボックス
Chapter 4 ヘッダーを組み立てる
4-1 ヘッダーは画面サイズでレイアウトが変わる
4-2 ヘッダーをモジュールに分割する
4-3 ロゴとボタンのフレックスボックス構造
4-4 ロゴ
4-5 モバイル向けボタン
4-6 ナビゲーション
4-7 JavaScriptを読み込む
4-8 パンくずリスト
Chapter 5 フッターを組み立てる
5-1 フッターはカラムや行揃えの制御がポイント
5-2 フッターをモジュールに分割する
5-3 複数のバナーを並べる
5-4 ボタンを横に並べる
5-5 ページトップへ戻るボタン
5-6 フッターのロゴとコピーライト
5-7 フッターのナビゲーション1
5-8 フッターのナビゲーション2
Chapter 6 ホームのページを組み立てる
6-1 ホームをコンテナに分割する
6-2 ホームをモジュールに分割する
6-3 ヒーロー画像
6-4 画像に画像を重ねて表示
6-5 キャッチフレーズ
6-6 スタンプ状のテキスト
6-7 カード型レイアウト1〜全体のレイアウト〜
6-8 カード型レイアウト2〜それぞれのカードの中身〜
6-9 メディアオブジェクト
6-10 テーブル形のリスト
Chapter 7 カラムレイアウトとサイドバー
7-1 2カラムレイアウトのコンテナ
7-2 サイドバーをモジュールに分割する
7-3 カードとバッジ
7-4 記事一覧のリスト
7-5 複数の要素で構成されるボックス
Chapter 8 フォームが含まれるページ
8-1 フォームのページのコンテナ
8-2 フォームをモジュールに分割する
8-3 テキストフィールドとメールアドレスフィールド
8-4 メニューリスト
8-5 テキストエリア
8-6 チェックボックス
8-7 送信ボタン
 
内容サンプル
 
ユーザーレビュー
 
   
人気 31位
本書の内容
Web制作現場で役立つフレームワーク活用術

※この電子書籍は、「固定レイアウト型」で配信されております。説明文の最後の「固定レイアウト型に関する注意事項」を必ずお読みください。

スマートフォンやタブレット、PCなど、現在のWebにアクセスしてくるユーザーの環境は多種多様です。さらにデザインの変更・修正も、設計段階から頻繁に行われ、公開後の更新も迅速に行う必要があります。そんな制作現場で、マルチデバイスに対応したサイトのデザインを素早く実現するために使われているのが、グリッドデザインを意識したCSSフレームワークです。
本書は、制作現場で役立つ、グリッドデザインの考え方、フレームワークを使うために必要な基礎知識のポイントを解説したうえで、実際に役立つ設定方法を紹介していきます。フレームワークの代表的ツールであるBootstrapをメインに、ユーザーが使いやすいメニューの見せ方や、カラムの変更で破綻しないテクニックなどを、一つひとつ指定していくことで、制作現場で使える基本が身につきます。

●目次
第1章 Webデザイン制作の基本
第2章 グリッドレイアウトとCSSフレームワークの基本
第3章 フォームのレイアウトとスタイルのカスタマイズ
第4章 動的コンテンツを追加する
第5章 jQueryとの組み合わせでコンテンツを作る
第6章 より自由なデザインにしてみる
付録 CSSフレームワークをさらに活用する

固定レイアウト型に関する注意事項(必ずお読みください)
この電子書籍は、全ページ画像の「固定レイアウト型」で配信されております。以下の点にご注意し、購入前にプレビュー表示をご確認の上、ご購入ください。

■使用できない機能
・文字拡大(ピンチイン・ピンチアウトは可能ですが、画面におさまらない場合は画面をスワイプ)/文字のコピー/マーク/ハイライト/文字列検索/辞書の参照/Web検索/引用

■推奨環境
・タブレットなど大きいディスプレイを備えた端末
・Wi-Fiネットワーク経由でのダウンロード(Kindle端末の場合)
 
内容サンプル
 
ユーザーレビュー
 
   
人気 32位
本書の内容
モバイルファースト&レスポンシブなサイトの作成手法を、ステップ・バイ・ステップでマスターする

本書では、モバイルファースト&レスポンシブで、サンプルサイトを制作していく過程を実際に操作しながら学んでいきます。
サイトはパーツ単位で作成し、章ごとに1つのパーツを作成していきます。

Chpater1 ヘッダー
Chpater2 ヒーロー
Chapter3 画像とテキスト
Chpater4 記事一覧
Chapter5 フッター
Chapter6 記事
Chapter7 プラン&フッター
Chapter8 ナビゲーション

それぞれのパーツの作成にあたっては、パーツのレイアウトを実現するCSSの選択肢を示し、場面に応じて適切なものを選択して、作成していきます。
章末には他の選択肢やそのバリエーションをまとめて解説していますので、デザインやレイアウトの技を幅広く身につけることができるでしょう。
HTMLは最新の「HTML Living Standard」に準拠し、CSSでは従来から活用されてきたメディアクエリの他、Flexbox、CSS Gridなどのレイアウトのコントロール、CSS関数を使いこなします。

「本書では、新しいHTML&CSSに沿った形で『レスポンシブWebデザイン』を見直し、ページを作成しながらさまざまな選択肢を比較検討していきます。
サンプルのページを作成するばかりでなく、ページを実現するためのバリエーションを増やして、これからのWeb 制作に活用していただければと思います。』(著者「はじめに」より)

演習用ファイルがダウンロードできますので、ぜひ本書で最新のHTML&CSSコーディングを体感してください。

【特典付き】
・特典PDF『HTML&CSS 簡易リファレンス』
本書のサポートサイトから入手してください。  
内容サンプル
 
ユーザーレビュー
随分前にGoogleさんに言われるがままHTML5とCSS3とjqueryをかじって満足していましたが、ふと気になって読んでみて、?年ひと昔、浦島太郎の気持ちです。IEとw3cの呪縛から解放されて、ノビノビ感を感じます。 もちろん本の内容がとても分かりやすかったです。今回はこういう理由でflexを採用するけど、ちなみにgridならこういう感じ、とか、あれ?これって何だったっけ?と思いながら読み進めると何故か次のページで説明が載っていて、かゆいところに手が届く、疲れずに読み進められる良い本でした。
 
   
人気 33位
発売日 2021/11/23
(4.5)
Amazon 2,970円 Kindle 2,822円
本書の内容
多様な閲覧環境への対応や、多様なビジュアルデザインの実現といった複雑な要件を強いられるCSSは、管理し続けることが非常に困難です。本書では、より発展的で包括的なCSS設計の考え方について、現役のWebデザイナーやフロントエンドエンジニアを対象に解説します。

CSSの強みであるしなやかな性質を活用した、堅牢なレイアウトシステムを構築するために、本書では「レイアウトプリミティブ」というアプローチを提案しています。これによってCSSの再利用性が高まり、大幅にコードが削減できます。

また、しっかりとCSSらしい考え方を理解したいという方にもおすすめです。

※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。  
内容サンプル
 
ユーザーレビュー
 
   
人気 34位
本書の内容

【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております。文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。ご購入前に、無料サンプルにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください】

ゼロからしっかり学べる、本格Webデザイン。

本書は「わかりやすさ」と「内容の充実度」で、
大好評だった入門書の全面改訂版です。

基本文法から、正しいマークアップの作法、
最新のCSSレイアウト、レスポンシブ対応の
画面設計とコーディングまで、しっかり学べます。

考え方や知識を得るための「講義」パートと、
実際に作りながらスキルを身につける「実習」パートからなる、
合計30のLESSONを順番にステップアップしながら学んでいけます。

実習のためのサンプルソースはWebからダウンロードできます。
さらにステップアップするための特典PDFも提供しています。

まさにWeb制作をこれから始める人に最適の1冊です!

〈本書の特長〉
□レッスン形式なのでマイペースで学習を進められる
□「講義」と「実習」で考え方と作り方をまとめて学べる
□学習用サンプルを使ってすぐに、効率よく学べる

※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。
※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。
※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。
※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

 
内容サンプル
 
ユーザーレビュー
 
   
人気 35位
本書の内容
※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
 購入前にお使いの端末で無料サンプルをお試しください。

2014年10月に正式な仕様が勧告されたHTML5の要素、および最新のブラウザーで実装されたCSS3のプロパティ(CSS2.1を含む)の使い方を解説した、手元に置いても邪魔にならないコンパクトな1冊です。HTML5編では、定番の要素はもちろん、定義が変更された要素や新しい要素、さらにHTML 5.1で策定中の要素を含めた情報をしっかりと解説。CSS3/2.1編では、いつも使うおなじみのプロパティから新しく登場したプロパティまで、多くのブラウザーで実装されている機能について扱っています。調べたい項目は、各インデックスからさっと引いてすぐに見つけられます。  
内容サンプル
 
ユーザーレビュー
 
   
人気 36位
本書の内容
「あなたの会社のWebサイト、遅くないですか?」
ふとした興味でWebにアクセスすると、重たくて読みたい情報が読めない……。Googleの調査では、Webページの読み込みに3秒かかると53%の人が、別のページに行ってしまいます。Webページを速くする、これはビジネスで成功するために必須の条件と言えます。本書は、Webページの高速化を図るための実践ノウハウを、Webデザイン、HTMLコーディングなどの見地から多面的にまとめました。Googleの提供するツールであるPageSpeed Insight、Chrome DevToolsを徹底活用し、客観的でかつ実際に効果が出る実践テクニックを紹介します。Web担当者、HTMLコーダー、Webデザイナーの皆さんの仕事を活性化します!  
内容サンプル
 
ユーザーレビュー
 
   
人気 37位
本書の内容
多様なユーザーニーズや閲覧環境に応える、HTML+CSS & JavaScriptの実装をマスターしよう!

この書籍は、パソコン、スーマートフォン、タブレット、時計、テレビなどのインターネットコンテンツの多様化が進む中で、あらゆる人・検索ロボットやユーザーエージェントなどのマシーンを含む、幅広いターゲットにとって使いやすいコンテンツやインターフェイスのデザインをどのように実現するのかを解説するものです。HTML5、CSS3、JavaScriptといったフロントエンド言語のデザインパターン(プログラムのパターン)を豊富なコンテンツやインターフェイスの実例とともに紹介します。

本書籍は、Web制作者が情報源として利用しているSmashing Magazineで公開された書籍「Inclusive Design Patterns - Coding Accessibility Into Web Design」の日本語訳版です。

目次の詳細は、単行本の目次をご覧ください。

1章 はじめに
2章 ドキュメント全体
3章 パラグラフ
4章 ブログ記事
5章 パターンごとの評価
6章 ナビゲーション領域
7章 メニューボタン
8章 インクルーシブ・プロトタイピング
9章 商品リスト
10章 フィルターウィジェット
11章 登録フォーム
12章 テスト駆動マークアップ  
内容サンプル
 
ユーザーレビュー
 
   
人気 38位
本書の内容
JavaScriptの基本から始めよう!

※この電子書籍は、「固定レイアウト型」で配信されております。説明文の最後の「固定レイアウト型に関する注意事項」を必ずお読みください。

これまでにないWebアプリを実現できるHTML5。これからスマホアプリを作り始める人のため、準備や基礎から定番技まで一冊に凝縮。DOM操作やAjaxなどの要点、HTML5を活かすCanvas、ストレージやオフラインアプリ、センサーなど、サンプル&ノウハウ満載です。

●目次
はじめに
Chapter1 HTML5とJavaScript
Chapter2 JavaScriptの基本構文をチェック
Chapter3 DOM操作とAjax
Chapter4 Canvasとグラフィックスとビデオ
Chapter5 ストレージとオフラインアプリ
Chapter6 センサーを使ったアプリケーション
Chapter7 応用編─楽しいアプリを作ってみよう!

固定レイアウト型に関する注意事項(必ずお読みください)
この電子書籍は、全ページ画像の「固定レイアウト型」で配信されております。以下の点にご注意し、購入前にプレビュー表示をご確認の上、ご購入ください。

■使用できない機能
・文字拡大(ピンチイン・ピンチアウトは可能ですが、画面におさまらない場合は画面をスワイプ)/文字のコピー/マーク/ハイライト/文字列検索/辞書の参照/Web検索/引用

■推奨環境
・タブレットなど大きいディスプレイを備えた端末
・Wi-Fiネットワーク経由でのダウンロード(Kindle端末の場合)
 
内容サンプル
 
ユーザーレビュー
 
   
人気 39位
本書の内容
HTMLとCSSの使い方を、目的引き、やりたいこと引きでまとめたリファレンスです。HTML&CSSの基本から、テキスト、リンク、リストやメニュー、入力フォーム、レイアウト、レスポンシブ対応など、目的ごとにタグやプロパティの使い方を詳しく解説しているので、「こんなことをしたい! 」というときにすぐに調べられます。現在ホームページ制作を学んでいる方にも、Webデザイナーとして活躍している方にもおすすめの1冊です。  
内容サンプル
 
ユーザーレビュー
デザインの参考者として購入しました。デザインを勉強している学生さんや、現役のデザイナーさんにオススメです。
Webコーディングの教材として購入。逆引き辞典なので事例から引けるのがとても分かりやすく、購入してよかった。
 
   
人気 40位
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
人気 41位
本書の内容
(概要)JavaScriptやHTMLといったWeb系の技術でデスクトップアプリケーションを作成でき,Atomエディタ,Slack,Visual Studio Codeなど,近年話題となったアプリケーションに利用されているElectron。本書は,インストールからアプリの開発,テスト,パッケージング,セキュリティ対策まで,ひととおりの開発の流れをまとめました。「チャットアプリ」「Markdownエディタ」「キャプチャアプリ」の作り方をとおして,はじめてアプリを開発する人にもわかりやすく解説しています。

(こんな方におすすめ)
・Electronを使ってみたい人
・Webの技術でデスクトップアプリを開発したい人

(目次)
第1章 Electronとは何か

第2章 開発の流れを体験してみよう

第3章 チャットアプリケーションを作ろう

第4章 Markdownエディタを作ろう

第5章 キャプチャアプリケーションを作ろう

第6章 テストを書こう

第7章 アプリケーションの配布

第8章 安全なアプリを作るために  
内容サンプル
 
ユーザーレビュー
 
   
人気 42位
発売日 2016/12/20
(3.7)
Amazon 4,611円 Kindle 2,948円
本書の内容
※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。
また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
お使いの端末で無料サンプルをお試しいただいた上でのご購入をお願いいたします。
なお、実際のサービスのインターフェースが変更され、本書内の解説と実際の画面が異なることがありますので、ご了承ください。


本書は、スタイルシート(以下CSS)を使用して作成した実用的なデザインサンプルの解説本です。
これまでのCSSを使ったスタンダードなデザインから、CSS3を多く使った難易度の高いものまで、手順を追って解説していますので、手順に沿ってサンプルを作成すると、自然とCSSの機能が理解できるという仕組みになっています。

CSS3は、CSS2.1に新たな機能を追加したものですが、その内容は2.1から比べて飛躍的に増えました。例えば、角丸、グラデーション、テキストやボックスのドロップシャドウといったものから、Webフォントの利用、新しく加わった段組レイアウト、アニメーションや要素の変形など、その内容は多様です。

CSS3は、一見難しく聞こえますが、これまでのCSSの延長上にあるもので、そこに垣根がある訳ではありません。これまでのCSSの基本を抑えておけば、楽に活用できます。
本書では、これまでの基本的な機能とCSS3の新しい機能をWebページで実践的に活用できるよう、レイアウト、ヘッダー、メニュー、テキスト、画像、表、フォーム、フッターなど、各パーツごとのデザインの中に盛り込んでいます。 これらのサンプルとCSSの機能は、最新の主要ブラウザ(Firefox、Safari、Chrome、Opera、Internet Explorerは8?9まで)とスマートフォン(iOSのMobile Safari、Androidの標準ブラウザ)での対応状況も掲載しています。

また、CSSでデザインする際のノウハウや、おさらいのためのCSSの基本事項、サンプルで使用するプロパティの解説も掲載していますので、初心者の方でも理解できる内容となっています。

最後に、本書を執筆するにあたり、ソーテック社のスタッフの方々にはサポートをしていただき、大変お世話になりました。 また、協力していただいた友人、家族に心から感謝いたします。 そして、この本を読んでくださった読者の方々に、少しでもお役に立てれば幸いです。

(本書「まえがき」より)  
内容サンプル
 
ユーザーレビュー
 
   
人気 43位
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
人気 44位
本書の内容
【12刷り、累計4万部突破のロングセラー! 】

いちばんやさしい。ずっと使える。


小さなサイト作りを通してHTMLとCSSの基礎が学べる入門書の決定版!
基本のタグからフォーム、レイアウトを調整するためのCSSの活用まで、
ずっと使える知識がぎゅっと詰まっています。
制作するホームページは最新仕様であるHTML5.0に準拠。
Win/Mac対応。

発売以来、
「初心者にとってとても勉強なる」
「最後まで実習を終えられる」
「ページが完成して嬉しい」
といった声を多数お寄せいただいています。

▼本書の構成
・chapter01 Webサイト制作を始める前に
・chapter02 HTMLの基礎
・chapter03 制作の準備と基本のHTML
・chapter04 見出し、段落、リスト
・chapter05 リンクと画像の挿入
・chapter06 2ページ目以降を効率的に作成する
・chapter07 CSSの基礎
・chapter08 CSSでページのスタイルを調整
・chapter09 フロートとテーブルのスタイル
・chapter10 フォームの作成
・chapter11 Webサイトの公開  
内容サンプル
 
ユーザーレビュー
HTML5の要素やCSSのセレクタやプロパティは手持ちの書籍で対応できるのですが、サイトの全体構成の考え方を理解したくて購入しました。 まだすべてを読んでいないのですが、HTMLやCSSの入門者や初心者に向けては丁寧で良い書籍だと思います。 文章の表現で、かなり苦労したように感じる内容でした。
プログラミングの基礎的なことが分かる。 これからプログラミングを勉強する人や興味がある人にとってはとてもいい本だと思う
 
   
人気 45位
本書の内容
「4つのレイアウトパターン」と「レスポンシブデザイン」を
実際に手を動かして作りながらサイト制作のきほんが学べる!

本書はWeb制作の基礎言語であるHTMLやCSSの書き方だけでなく、多くのWebサイトが採用している4つのレイアウト手法を学ぶことで、1冊を読み終えると各言語の知識とWebデザインの基礎が身につく作りとなっています。Webデザインの新しい手法を積極的に紹介しつつ、実際の制作現場で使われている堅実な手法もバランスよく取り入れ、学習用ではない「現場で役に立つ」実践的なテクニックを数多く盛り込みました。また、Webサイト制作を楽しく学ぶため、サンプルサイトの見映えにもこだわりました(完成後は手を加えて読者のプロフィールサイトとして利用可能)。ライブ感のあるチュートリアル学習により、まるでWebデザイン会社でOJT(オン・ザ・ジョブ・トレーニング)を受けているような体験型の独習書です。サンプルデータのダウンロードサービス付き。  
内容サンプル
 
ユーザーレビュー
テキストエディタとHTMLの説明本で22年前に自分のサイトを立ち上げましたが、長い間放置状態でリニューアルをしようと購入しました。当時とは推奨のタグ、書式など結構変わっているようでネットの検索とともに役立っています。やりたいことを探すのには向いていないようですが、読みやすそうなので良い本だと思います。
初心者にも分かりやすく、読みながらpcを操作していてとてもワクワクします! ただただ分かりやすいだけでなく 表紙等もオシャレで気分が上がります!
デザインの参考者として購入しました。デザインを勉強している学生さんや、現役のデザイナーさんにオススメです。
 
   
人気 46位
本書の内容
※この商品は固定レイアウト型の電子書籍です。
※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
※お使いの端末で無料サンプルをお試しいただいた上でのご購入をお願いいたします。
※本書内容はカラーで制作されているため、カラー表示可能な端末での閲覧を推奨いたします。


体系的に学ぶHTMLとCSSの仕様と実践

フロントエンドエンジニアはじめ、Web制作に関わっている人のためのHTML5/CSS3ガイドブックです。
HTMLとCSSの最新仕様を整理するとともに、主要ブラウザの対応状況など、現時点でどのポイントに留意して制作を進めていけばよいか、現場で必要不可欠な情報を解説しています。
また、フレキシブルボックスレイアウトやグリッドレイアウトなど、現在知っておくべきHTML+CSSレイアウトの手法についても、詳細に解説しています。

-----
HTMLは標準仕様がW3C の手を離れ、WHATWG の「HTML Living Standard」に一本化されたことから、ブラウザ開発者目線での変更が直接反映される世界になっています。その影響は、JavaScript とセットになって活きてくるものが増えてきたことからも見て取れます。
CSSも、各種機能の追加や主要ブラウザでの対応が進んでいます。新しいEdge の登場により、IE が主要ブラウザから外れたのも大きいと言えるでしょう。使える便利な機能が増えていることで、Web のデザインやレイアウトの手法は大きく変わろうとしています。
そこで、本書では最新のHTMLとCSSを現状に即して1冊にまとめました。
(著者はじめにより)
-----

【内容】
Chapter 1 HTML
Chapter 2 Webページの作成とメタデータ
Chapter 3 コンテンツのマークアップ
Chapter 4 CSSの適用
Chapter 5 ボックスのレイアウト
Chapter 6 フレキシブルボックスレイアウト
Chapter 7 グリッドレイアウト
Chapter 8 テーブル
Chapter 9 テキスト
Chapter 10 エンベディッド・コンテンツ
Chapter 11 フォーム
Chapter 12 特殊効果

簡潔にして詳細な、制作現場に必携の1冊となっています。

【特典付き】
・書籍内で解説に使用したサンプルソースコード
・特典PDF
  (HTMLのブラウザ対応一覧、CSSのブラウザ対応一覧、アニメーション補足解説)


●著者
エビスコム
さまざまなメディアにおける企画制作を世界各地のネットワークを駆使して展開。コンピュータ、インターネット関係では書籍、デジタル映像、CG、ソフトウェアの企画制作、WWWシステムの構築などを行う。
主な編著書: 『Webサイト高速化のための 静的サイトジェネレーター活用入門』マイナビ出版刊
『CSSグリッドレイアウト デザインブック』同上
『6ステップでマスターする「最新標準」HTML+CSSデザイン』同上
『WordPressレッスンブック 5.x対応版』ソシム刊
『フレキシブルボックスで作るHTML5&CSS3レッスンブック』同上
『CSSグリッドで作るHTML5&CSS3レッスンブック』同上
『HTML&CSS コーディング・プラクティスブック 1』エビスコム電子書籍出版部刊
『HTML&CSS コーディング・プラクティスブック 2』同上
『HTML&CSS コーディング・プラクティスブック 3』同上
『グーテンベルク時代のWordPressノート テーマの作り方(入門編)』同上
『グーテンベルク時代のWordPressノート テーマの作り方(ランディングページ&ワンカラムサイト編)』同上
ほか多数  
内容サンプル
 
ユーザーレビュー
 
   
人気 47位
本書の内容

HTML5アカデミック認定校・大人気講師陣による、合格する力のつく問題集の決定版!

本書は、今やフロントエンド開発者の実力証明には必須、LPI-Japanが主催する「HTML5プロフェッショナル認定試験 レベル1 Ver2.0」に対応した問題集です。
解くだけでみるみる合格力がつく良問を多数掲載し、さらに問題に重要度を示しているため、網羅的な学習から資格取得に向けた効率的な学習まで、幅広いニーズに対応可能です。
「問題」→「解説」の順になっているので、テンポよく学習を進めることが可能です。わからない問題は、その場で解説を読んで確認できます。

【本書の特徴】
1. 出題範囲を完全網羅し、審査に合格した「HTML5認定教材」
2. HTML5アカデミック認定校の講師陣による書き下ろし
3. 充実した練習問題に加え、計2回分の模擬試験を提供※
※書籍本体掲載1回分+ダウンロード特典1回分


※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。
※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。
※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。
※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

 
内容サンプル
 
ユーザーレビュー
 
   
人気 48位
本書の内容
「HTMLとCSSを勉強したいけれど何から手をつければいいか分からない」と悩んでいる人に向けて、基本的な書式から、よく使われるHTMLタグやCSSプロパティの意味、さらにモバイル対応まで丁寧に解説した本です。本書の手順にしたがってHTMLとCSSを記述していくことで、ウェブページを一から作りあげることができます。まずは基礎をしっかり押さえて、スムーズなステップアップにつなげましょう! 本シリーズは一流講師陣を集めた「ロクナナワークショップ」を主催するロクナナが内容を完全監修!  
内容サンプル
 
ユーザーレビュー
15年ぶりにタグのテキスト開きました 昔と大分変わってしまっていてとまどいますが、良い勉強になります またHPを作り直してみようと思っています 良いテキストだと思います
初心者向けの本を探していて購入しました。ホームページの編集作業に役に立っています。知りたい内容のページが探しやすいのでおすすめです。
注文して、割とはやく商品がとどきました。 梱包もちゃんとしてましたし、とくに問題はありませんでした。。
 
   
人気 49位
本書の内容
本書は4コママンガを交えて、ユーモアたっぷりにWebサイト製作の基本を初心者向けにわかりやすく解説しています。
 Webサイトを制作する前の企画の段階から、HTMLやCSSの基本、JavaScriptやPHPの概要、Webサイトの公開や、その後の運営などについても触れています。
 これからWebデザイン・Webサイト製作をはじめたい人にオススメの1冊です。

※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。  
内容サンプル
 
ユーザーレビュー
 
   
人気 50位
本書の内容
※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
 購入前にお使いの端末で無料サンプルをお試しください。

「予測しやすい」「保守しやすい」「再利用しやすい」「拡張しやすい」CSS設計の教科書が登場!コンポーネントやCSSプリプロセッサを意識した設計・管理の実践など、「ちゃんとCSSを書く」ためのプロの考え方を徹底解説。「セレクタが複雑になってしまう……」「オブジェクト指向CSSってなに?」「考え方はわかったけど、どう組めばいいの?」そんな人のバイブルになるのが、この本です。破綻しやすいCSS、セレクタのリファクタリングなどの基本から、OOCSS、SMACSS、BEMなどのコンポーネント設計のアイデア、実際によくあるパターンのコードの組み方までを丁寧に解説。また、注目されはじめた「Web Components」についても説明します。  
内容サンプル
 
ユーザーレビュー
 
   
人気 51位
本書の内容
リフロー版はこちら。

https://www.amazon.co.jp/dp/B09NKTJL73/

Web制作の現場でこれだけは知っておきたい、CSSの扱い方、管理、運用の基本!

Web開発が複雑化した現在、CSSについても仕様や知識を知っているだけでは対応できない問題が増えています。
破綻しないCSSを組むには、どのように考えて設計すればよいか? デザイナーや他の開発者と連携する場合のルール作りは? ReactやVue.jsを使ったWeb開発の案件の場合はどうしよう? Sassなどを使ってビルドする場合は? ……などなど。
本書は、これからWebサイト制作・開発の現場に入る人や、現場で悩んでいる人を対象に、CSSの設計についてわかりやすく解説するものです。
BEMやSMACSSといった設計手法、余白の設計、スタイルガイド、SassやAutoprefixer、PostCSSなどを使ったビルド、ユーティリティファーストという考え方。
Web制作・開発に多種多様な選択肢がある中で、プロジェクトの要件と状況に応じて最適なCSS設計を導き出すための「思考」を鍛える内容となっています。

※この商品は固定レイアウト型の電子書籍です。
※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
※お使いの端末で無料サンプルをお試しいただいた上でのご購入をお願いいたします。

※本書内容はカラーで制作されているため、カラー表示可能な端末での閲覧を推奨いたします  
内容サンプル
 
ユーザーレビュー
 
   
人気 52位
本書の内容
------------------------

特典付きキャンペーン実施中! !


本書(紙版、Kindle版とも)をご購入いただいた方に、特典PDFをプレゼントするキャンペーン実施中です!


●特典PDF内容

CSSコーディングテクニック、ビルトインモジュール リファレンスなど掲載の90ページ超のPDF


●キャンペーンの申し込み方法についてはこちら。

book.mynavi.jp/pcbook/blog/detail/id=124081

------------------------


CSSとSassの基本と設計、実装テクニックまで


本書は大きくCSSとSassについて学ぶChapter1~3と、サンプルサイトの制作プロセスを通じて現場で使えるスキルを養うChapter4の2部構成となっています。


Chpater01 CSSの基本と設計

CSSとはなにか、という話から、CSSの書き方、CSS設計まで解説します。CSS設計ではOOCSS(オーオーシーエスエス)、BEM(ベム)、SMACSS (スマックス)といった手法を解説します。


Chpater02 CSSの基礎知識

CSSを使いこなすために知っておいたいセレクタ、カスケードと継承、詳細度、ボックスモデル、マージンの相殺、デフォルトスタイルシートとリセットCSSなどの事項を取り上げ、解説していきます。


Chapter03 CSSを効率的に書くSass

CSSを管理・運用するのに使われるCSSプリプロセッサの1つ、Sassについて解説します。


Chpater04 サンプルで学ぶCSSコーディング

ここからはサンプルサイトを実際に設計しながら、コーディングのテクニックを学んでいきます。
コーディングガイドラインを考え、サイトの仕様を確認し、サイトで共通で使える部分を検討します。

それが終わったら、レイアウト作成、エレメント作成、コンポーネント作成、と順次デザイン・制作を進めていきます。


-----
本書はなるべく実際に案件に近い形でサンプルコードを作成し、 制作時に抑えておきたいポイントをまとめています。
Web業界の技術のスピード感は早いと言われますが一度スピードに乗ってしまえば、技術のキャッチアップもスムーズに行えるようになります。
本書を読むことで早い段階で「現場で使えるスキル」が身につき、さらにステップアップができるでしょう。
この本が、コーダーを目指す皆様の道しるべとなりますよう、願ってやみません。
(著者まえがきより)


田村章吾 (たむら しょうご)

ましじめ株式会社 代表

HTML&CSSコーダー

福岡県北九州市在住。

物の構造やバックグラウンドを見ることが好きで、自動車整備士の道へ。 その後デジタルハリウッドでWebサイトの制作を学びWeb業界に転職。

制作会社、フリーランスを経て、ましじめ株式会社を設立。

プロジェクトでは主にフロントエンド開発からCMSを利用したWebサイト制作を担当する。

サイトのメンテナンス、CMS構築の情報設計や大規模サイトのCSS設計を得意とする。


※この商品は固定レイアウト型の電子書籍です。
※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
※お使いの端末で無料サンプルをお試しいただいた上でのご購入をお願いいたします。

※本書内容はカラーで制作されているため、カラー表示可能な端末での閲覧を推奨いたします  
内容サンプル
 
ユーザーレビュー
 
   
人気 53位
本書の内容
本書は、HTML5とCSS3によるWebサイト制作のための"おいしい"レシピ集です。
制作の現場で使われる定番テクニックから、プロ技まで余すところなく集めました。

テキスト/リスト/リンク/画像/ボックス/
テーブル/フォーム/ナビゲーション/
レイアウト/レスポンシブWebデザイン…

テーマ別にレシピを整理しているので、引きやすくなっています。
「あのデザインはどう作るんだろう?」が、スグにわかります。
デザイナーからWebプログラマーまで、Web制作に携わるすべての方にお届けします。  
内容サンプル
 
ユーザーレビュー
急いでいたので、対応が早く助かりました。
 
   
人気 54位
本書の内容
(概要)
※この商品は固定レイアウトで作成されており,タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また,文字列のハイライトや検索,辞書の参照,引用などの機能が使用できません。
※PDF版をご希望の方は Gihyo Digital Publishing ( https://gihyo.jp/mk/dp/ebook/2018/978-4-297-10303-3 )も合わせてご覧ください。

webサイト制作者を目指す人が必ず習得しなければならない言語「HTMLとCSS」の記述と,サイト制作の基礎知識から公開・管理方法までを15レッスンで解説。HTMLパートはコーディングの基本から画像とリンク,リストとナビゲーション,テーブルおよびフォームのマークアップ方法を,CSSパートでは文字のスタイリングからレイアウト手法までを丁寧に解説。ダウンロードした実習ファイルに記述することで,細かくステップ分けした各単元の内容を手を動かしながら学びます。専門学校の教壇に立つ著者陣が実際の講義内容を体系立て,さらに学校実施のテストと同等の練習問題を各レッスンの章末に用意した,HTML5とCSS3の教科書です。

(こんな方におすすめ)
・フロントエンドエンジニアやWebデザイナー志望者
・Webデザインやサイト制作について勉強したい人

(目次)
Lesson01 wwwやwebサイト制作の基本を理解しよう

Lesson02 HTMLコーディングの基本を学ぼう

Lesson03 画像表示とリンクをマークアップしよう

Lesson04 リストとナビゲーションをマークアップしよう

Lesson05 表組みをマークアップしよう

Lesson06 フォームをマークアップしよう

Lesson07 CSSコーディングの基本を学ぼう

Lesson08 見出しや段落をスタイリングしよう

Lesson09 CSSレイアウトの基本を学ぼう

Lesson10 ページ全体をレイアウトしてみよう

Lesson11 リストとナビゲーションをスタイリングしよう

Lesson12 表をスタイリングしよう

Lesson13 フォームをスタイリングしよう

Lesson14 webサイト制作を実践してみよう

Lesson15 webサイトを公開しよう

付録  
内容サンプル
 
ユーザーレビュー
 
   
人気 55位
本書の内容
※この商品は固定レイアウト型の電子書籍です。
※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
※お使いの端末で無料サンプルをお試しいただいた上でのご購入をお願いいたします。
※本書内容はカラーで制作されているため、カラー表示可能な端末での閲覧を推奨いたします。



HTML&CSSで実現する、柔軟でレスポンシブなWebデザイン

本書は「CSSグリッドで実現できることは何なのか」をテーマにした一冊です。
これまでのHTMLとCSSを使ったWeb制作では、思ったようなデザインを実現するために「コンテンツをどういう順に記述するか」「どうマークアップするか」「どのCSSのレイアウトテクニックを利用するか」をパズルのように取捨選択し、形にしていくスキルが必要でした。
それを解決する方法として注目を浴びているのが、CSSグリッドを使ったレイアウトです。

本書ではCSSグリッドによるWebデザインを、作成制作を通して解説していきます。次のようなステップで、デザインを組み立てていきます。
 1 作例ごとに、レイアウトソフトを利用して完成見本(デザインカンプ)を用意
 2 完成見本からパーツを抽出し、HTMLと文書構造を組み立て
 3 CSSグリッドを作成し、パーツを配置
 4 レスポンシブの設定を行い、デザインを仕上げる

作例はそれぞれ、PC、タブレット、スマートフォンで問題なく表示されるように仕上げていきます。

用意された作例は以下になります。
 ・縦横に均等に分割したグリッドによる「雑誌風レイアウト」
 ・複数のグリッドを組み合わせて作る「フライヤー風レイアウト」
 ・画像とテキストの重ね合わせによる「画像メインのレイアウト」
 ・「左右対称/非対称のレイアウト」
 ・上部や左部にナビゲーションを配置

巻末には「CSSグリッド」リファレンスも付属。
本書を通して、CSSグリッドがWebデザインにもたらす表現力と自由さを体験してください。  
内容サンプル
 
ユーザーレビュー
 
   
人気 56位
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
人気 57位
本書の内容

HTML5アカデミック認定校・大人気講師陣による、合格する力のつく問題集の決定版!

本書は、LPI-Japanが主催する「HTML5プロフェッショナル認定試験 レベル2 Ver2.0」試験の合格を目指す方に向けた実践的な問題集です。
解くだけでみるみる合格力がつく良問を多数掲載し、さらに問題に重要度を示しているため、網羅的な学習から資格取得に向けた効率的な学習まで、幅広いニーズに対応可能です。
「問題」→「解説」の順になっているので、テンポよく学習を進めることが可能です。わからない問題は、その場で解説を読んで確認できます。
資格を主催するLPI-Japanが実施する認定資格を認定教材プログラムに合格した「認定教材」ですので、品質の高い問題で学習を進めることができます。

【本書の特徴】
1. 出題範囲を完全網羅し、審査に合格した「HTML5認定教材」
2. HTML5アカデミック認定校の講師陣による書き下ろし
3. 充実した練習問題に加え、計2回分の模擬試験を提供
※書籍本体掲載1回分+ダウンロード特典1回分

【試験概要】
試験日:随時
実施:全国
出題数:約40~45問
試験時間:90分
試験方式:CBT ※団体用にPBT(ペーパーテスト)もあり
レベル:システム間連携や最新のマルチメディア技術に対応したWebアプリケーションや動的Webコンテンツの開発・設計ができる。

※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。
※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。
※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。
※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

 
内容サンプル
 
ユーザーレビュー
 
   
人気 58位
本書の内容
実践的なWebサイトを作りながら学べる!

講義+実習のワークショップ形式で、
実践的なWebサイトを作りながら学べる
「はじめてでも挫折しない」HTML&CSSの入門書。

なぜそうするのかを知りたい、
応用できる基礎を身に付けたい、
そんな要望に応える新しい教本です。

学習しやすいソースコード&全画像素材付き。

こんな人(企業)におすすめです。
・Webサイトを作りたいが、WordPressなどのCMSではなく、HTMLとCSSで作りたいという人
・Web制作者を目指している人
・Webサイトを運営している飲食店や小売店の店長・Web担当者

※本電子書籍は、2016年6月11日発行の紙書籍第1版第2刷を底本に作成しました。  
内容サンプル
 
ユーザーレビュー
 
   
人気 59位
本書の内容
基本要素を自由自在に組み合わせていこう

※この電子書籍は、「固定レイアウト型」で配信されております。説明文の最後の「固定レイアウト型に関する注意事項」を必ずお読みください。

新標準となる「HTML5」。本書は、100本を超えるサンプルを1つ1つ確認しながら、HTML5、CSS、そしてJavaScriptの基本を徹底的に学習していく。最新のWebアプリケーション開発に必須となる基本要素をしっかりと理解して、自由自在に操れるようになろう。

●目次
Chapter1 インターネットとHTML5
 1-1 HTML5に至るHTMLの歴史
 1-2 HTML5でできること
 1-3 標準化の状況とブラウザのサポート
 1-4 HTML5の学習に必要なツール
Chapter2 HTMLの基礎
 2-1 HTMLの基本
 2-2 文書の属性の定義
 2-3 テキストに関する要素
 2-4 文書を構造化する
 2-5 コンテンツモデル
Chapter3 CSSの基礎
 3-1 CSSの基本
 3-2 適用スタイルの決定
 3-3 テキストの装飾
Chapter4 JavaScript入門
 4-1 JavaScriptの記述
 4-2 変数と演算子
 4-3 条件分岐とループ
 4-4 オブジェクトと配列
 4-5 関数
 4-6 JavaScriptのオブジェクト指向
Chapter5 JavaScriptからのHTMLの制御
 5-1 DOMの利用
 5-2 イベント
 5-3 スタイルの操作
Chapter6 CSSを活用したWebページ
 6-1 ポックスモデルとポックスの属性
 6-2 ポックスの背景
 6-3 ボックスの表示
 6-4 レイアウトの構築
Chapter7 CSSの活用
 7-1 要素の変形
 7-2 トランジション
 7-3 アニメーション
Chapter8 Webアプリケーションの作成
 8-1 Canvasの利用
 8-2 オーディオとピデオの利用
 8-3 ドラッグ&ドロップ
 8-4 Webストレージ

固定レイアウト型に関する注意事項(必ずお読みください)
この電子書籍は、全ページ画像の「固定レイアウト型」で配信されております。以下の点にご注意し、購入前にプレビュー表示をご確認の上、ご購入ください。

■使用できない機能
・文字拡大(ピンチイン・ピンチアウトは可能ですが、画面におさまらない場合は画面をスワイプ)/文字のコピー/マーク/ハイライト/文字列検索/辞書の参照/Web検索/引用

■推奨環境
・タブレットなど大きいディスプレイを備えた端末
・Wi-Fiネットワーク経由でのダウンロード(Kindle端末の場合)
 
内容サンプル
 
ユーザーレビュー
 
   
人気 60位
本書の内容
■本書の概要
現在、多くのHTML/CSSに関する入門書が出版されています。
しかし、入門書を読んで基本的な知識を身につけるだけでは、実際にWebサイトを作ることはできません。
思い通りのデザインを作るには様々なテクニックが必要です。
本書では、HTML/CSSを使いこなすにあたって欠かせないテクニックを解説しています。

■本書対象となる読者
本書は、入門書だけではカバーできない中級者向けの内容です。
入門書を読んではみたものの、いざWebサイトを作ろうとするとうまく表現できない方や
入門書の次に読んでステップアップしたい方におすすめです。

●書いていること
・CSSを使ったテクニック
・入門書では紹介されないCSSプロパティ
・テクニックのメリットとデメリット

●書いていないこと
・HTML/CSSの開発環境構築
・CSSの基本的な知識
・Sass/Lessを用いたソースコード

※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。  
内容サンプル
 
ユーザーレビュー
 
   
人気 61位
本書の内容
※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。

CSSグリッドをベースにすると、Webページ制作がとてもシンプルになる一方で、制作にはこれまでと異なる知識体系が求められます。
そこで登場したのが、本書、CSSグリッドをベースとしてWebベージを制作する、まったく新しいレッスンブックです。

本書を読めば、HTML&CSS初心者でも、モバイルファーストで本格的なレスポンシブ対応のWebページを制作できるようになります。

まさに、いまどきのHTML&CSSを学習するための新しい時代のレッスンブックと言えるでしょう。  
内容サンプル
 
ユーザーレビュー
 
   
人気 62位
本書の内容

【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております。文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。ご購入前に、無料サンプルにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください】

近年、HTML5/JavaScriptを使ってモバイルアプリを開発する手法である「HTML5ハイブリッドアプリ開発」が注目を浴びています。

本書は、無料で使えるクラウド型の開発環境Monacaクラウドを利用して、iOS/Android両プラットフォームで動作するハイブリッドアプリを作る方法を解説する書籍です。Monacaクラウドではアプリ開発環境がクラウドサービスとして提供されるため、開発環境のセットアップは不要。ブラウザがあればすぐに開発を始められます。

このMonacaクラウドを使って、HTML5/JavaScriptでいくつかのアプリを作りながら、ハイブリッドアプリ作成の基本テクニックのほか、CordovaプラグインによるiOS/Androidネイティブ機能の活用方法、Onsen UI/AngularJSを利用してリッチなUIを構築する方法について詳しく学びます。

iOS/Android両対応のアプリを開発したい、あるいはHTML5ハイブリッド開発に興味があるものの敷居が高そうと感じていた方など、Web技術でハイブリッドアプリ開発をしたいと考えている方すべてにおすすめの一冊です。

※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。
※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。
※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。
※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

 
内容サンプル
 
ユーザーレビュー
 
   
人気 63位
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
人気 64位
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
人気 65位
本書の内容
※この商品は固定レイアウト型の電子書籍です。
※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
※お使いの端末で無料サンプルをお試しいただいた上でのご購入をお願いいたします。

※本書内容はカラーで制作されているため、カラー表示可能な端末での閲覧を推奨いたします。


これ1冊で「Webページ制作からサーバーの開発」までわかる!

日本初のMac専門月刊誌「Mac+」の頃から主にMac系雑誌に寄稿する。ハイパーカードの登場により「ビギナーのためのプログラミング」に開眼。以降、Mac、Windows、Web、Android、iPhoneとあらゆるプラットフォームのプログラミングビギナーに向けた書籍を執筆し続ける。●目次
Chapter 1 Webプログラミングを始めよう
Chapter 2 HTML/CSSを学ぼう
Chapter 3 JavaScriptを学ぼう
Chapter 4 Node.jsを学ぼう
Chapter 5 Expressフレームワークを学ぼう
Chapter 6 データベースを使おう
Chapter 7 本格Webアプリを作ろう


●著者
掌田 津耶乃(しょうだ・つやの)
日本初のMac専門月刊誌「Mac+」の頃から主にMac系雑誌に寄稿する。ハイパーカードの登場により「ビギナーのためのプログラミング」に開眼。以降、Mac、Windows、Web、Android、iPhoneとあらゆるプラットフォームのプログラミングビギナーに向けた書籍を執筆し続ける。  
内容サンプル
 
ユーザーレビュー
 
   
人気 66位
本書の内容
※この商品は固定レイアウト型の電子書籍です。
※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
※お使いの端末で無料サンプルをお試しいただいた上でのご購入をお願いいたします。
※本書内容はカラーで制作されているため、カラー表示可能な端末での閲覧を推奨いたします。


いちばんわかりやすいHTML+CSSの教科書が、最新トピックをカバー!

***
すらすら読めて、「わかった」を積み重ねる。
「Webの知識がこれから必要」で、「将来にわたって長く使える基礎力をつけたい」人のためのHTML5+CSS3本。
***

本書は、“楽しみながら学べる”HTMLとCSSの入門書です。2018/10現在で最新バージョンのHTML5.2(2017/12勧告)とCSS3をベースとした内容となっています。

本書では、読者が“楽しみながら学べる”ということを実現するために、本書の全体的な構成を工夫しています。先にHTMLを学習してからそれを前提としてCSSを学ぶ、という流れにしてしまうと、前半はHTMLのタグを覚えていくだけの退屈な内容になってしまうからです。

そこで本書では、HTMLをひととおり学習してからCSSへと進むという構成ではなく、HTMLとCSSを少しずつ同時進行させる構成にしてあります。このような進め方にすると、覚えた内容をすぐにブラウザでの表示結果として確認できるため、少しずつできるようになっていく感覚を積み重ねながら、退屈せずに学習を進めることができます。

“楽しみながら学べる”といっても、本書の解説は、表面的に「ページが作れればそれでいい」というものではありません。仕様にしっかりと準拠した使い方で、正しく、かつアクセシビリティに配慮したページを作れるように、サンプルを組み立てています。


まず1章、2章では、インターネットやHTML、CSSについての基本的な解説をしながら、少しだけHTML/CSSを使ってみて、これからの学習にむけての準備をします。
3章では、HTMLやCSSを正しく使うために必要な「カタい文法」の話を学習して、基礎を固めます。
4章からは、いよいよページを作っていきます。4章でページ全体の枠組みを作り、5章でテキストや色の指定について学びます。
6章ではセレクタについて詳しく学習し、CSSでの細かな指定ができるようにします。
7章では画像や動画、音声、背景といったページ内の構造について、8章ではナビゲーション、9章ではフォームやテーブルについての設定方法を学びます。
10章では、ここまで登場していない要素についての設定方法や、配置のテクニックを学びます。第3版では、スマートフォン(スマホ)画面への対応について、詳しい解説を追加しました。
11章を、フレキシブルボックスレイアウトとグリッドレイアウトについて解説する章に変更しました(第3版での変更)。これら2つレイアウト方法の基礎になる部分を身に付けられるようにやさしく解説します。
最後の12章では、それまで学習したことをベースに、1つのページを制作していきます。スマホ、タブレット、PCそれぞれのレイアウトの作り分けを行います(第3版での変更)。ページの制作を、流れで実際に行ってみることで、本書の学習の仕上げを行うことができます。

本書を、これからHTMLとCSSを覚える人が“楽しみながら学ぶ”ための入門書としてご活用いただけましたら幸いです。


■第2版からの変更点
・ 第2版は、2014年3月段階の情報に基づき執筆されました。第3版では、2018年9月段階での情報に基づいて執筆しています。
・ 仕様の変化に応じて、解説やコードを追加・変更・削除しています。ただし、本書の解説の範囲から外れている仕様の内容については説明がないものもあります。
・ HTMLは2017年12月に勧告されたHTML5.2に変更しています。
・ CSSはCSS2.1およびCSS3より、現時点で安定して使用できると判断した内容を使っています。
・ 10章にて、スマートフォンへの対応を解説する節を追加しました。
・ 11章を、フレキシブルボックスレイアウトとグリッドレイアウトについて解説する章に変更しました。
・ 12章にて、ページをスマートフォン、タブレット、PCそれぞれに対応させる内容に変更しました。  
内容サンプル
 
ユーザーレビュー
 
   
人気 67位
本書の内容
基礎の基礎から、サイトの公開まで。

※この電子書籍は、「固定レイアウト型」で配信されております。説明文の最後の「固定レイアウト型に関する注意事項」を必ずお読みください。

基礎の基礎から、サイトの制作・公開まで。
美しいサイトを作り、魅せるための、不朽の力が身につく。

「これからサイトを作ってみたい」「思い通りにサイトを作ることができない」と感じるあなた。
本書では、手を動かし、手順を踏みながらサンプルサイトを作り、そのために必要な知識を一つ一つ学んでいくという学習スタイルをあなたに提供します。
手を動かすという体感により、実際にサイトを作るための「生きた」ノウハウが自然と身につきます。
これからサイトを作りたいすべての人たちがいつでも持っておきたい一冊です。
Google Chrome/Internet Explorer/Safari/Firefox/Operaに対応。


●こんな人にお勧めします
これからサイト作りをはじめたい人。
他の入門書を読んでもうまくサイトが作れなかった人。
手を動かしながらステップバイステップで学びたい人。
サイト作りの基本テクニックをしっかりと身につけたい人。

●この本の特長
一つ一つ手順を踏みながらステップバイステップで学べる。
おのおのの手順が「なんのために行うのか」を具体的に解説。
実践的なソースコードをふんだんに掲載・解説。
読みやすい紙面構成。
サイト制作の現場で求められる必須知識についても解説。

●目次
CHAPTER1 はじめる前に
CHAPTER2 HTMLファイルを作成しよう
CHAPTER3 CSSで装飾しよう
CHAPTER4 画像を編集し、HTMLで表示しよう
CHAPTER5 共通部分の作成とレイアウト
CHAPTER6 リンクを設定し、ナビゲーションを作り込もう
CHAPTER7 各ページを作成しよう
CHAPTER8 サイトに動きをつけよう
CHAPTER9 サイトの公開と仕上げ

固定レイアウト型に関する注意事項(必ずお読みください)
この電子書籍は、全ページ画像の「固定レイアウト型」で配信されております。以下の点にご注意し、購入前にプレビュー表示をご確認の上、ご購入ください。

■使用できない機能
・文字拡大(ピンチイン・ピンチアウトは可能ですが、画面におさまらない場合は画面をスワイプ)/文字のコピー/マーク/ハイライト/文字列検索/辞書の参照/Web検索/引用

■推奨環境
・タブレットなど大きいディスプレイを備えた端末
・Wi-Fiネットワーク経由でのダウンロード(Kindle端末の場合)
 
内容サンプル
 
ユーザーレビュー
 
   
人気 68位
本書の内容
※この商品は固定レイアウト型の電子書籍です。
※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
※お使いの端末で無料サンプルをお試しいただいた上でのご購入をお願いいたします。


Webサイト作成のために必須の知識を基礎からしっかりマスターできます。

【内容】
HTML/XHTMLの基本
CSSの基本
罫線・リスト・テーブル
画像
文字の指定
各種のスタイル設定
CSSによるレイアウトの実際
フォーム・フレーム  
内容サンプル
 
ユーザーレビュー
 
   
人気 69位
本書の内容
※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。

本書は、CSSのフレキシブルボックス(Flexbox)を利用してWebページ制作を行うレッスンブックです。

長い間、Webページ制作ではCSSのフロート(Float)が利用され、「ボックスの相互の位置関係でデザインやレイアウトを形にしていく」というノウハウが蓄積されてきました。

フレキシブルボックスはこうしたノウハウをブラウザの互換性や制作手順、考え方も含めて引き継いでいます。
また、フロートで不便だった部分には手が加えられ、いよいよ完成形にたどり着いたと言えるでしょう。

はじめてWebページを作る方にも、今どきのページ制作の基礎を学びなおしたいといった方にも、本書を活用していただければ幸いです。

-「はじめに」より  
内容サンプル
 
ユーザーレビュー
 
   
人気 70位
本書の内容
Web制作に欠かせない定番ベストセラー
『ホームページ辞典』シリーズの最新改訂版が登場!

HTML(構造)・CSS(デザイン)・JavaScript(動き)の
3大要素の解説を1冊にまとめたおトクな辞典です。

第6版は最新HTML5、CSS3の解説を増量。
モダンブラウザ/iPhone&Androidにも対応し、
近年のWebトレンドに合わせた、より実践的な内容になっています。
また、ダウンロード可能なサンプルソースも一新して、
よりわかりやすくなりました。

これからWeb制作を学びたいビギナーから、
実務でのリファレンスとして使いたい上級者まで、
広くおすすめできる1冊です。

 
内容サンプル
 
ユーザーレビュー
すごく便利です。 一通りhtml css JavaScriptを学びましたが暗記はしてないので、確かこんな機能があったはずと索引した時、あ、これだ!となります。少し読めば使い方もわかる程度なのでとてと助かってます。
 
   
人気 71位
本書の内容
 
内容サンプル
 
ユーザーレビュー
注文後すぐに届きました。
 
   
人気 72位
発売日 2013/05/20
(3.5)
Amazon 2,068円 Kindle 1,861円
本書の内容

【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております。文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。ご購入前に、無料サンプルにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください】

新しいHTMLの一番易しい解説書が登場します

HTML5は普段私達がよく目にするWebページを記述するための言語です。インターネットを利用するときに使うWebブラウザは、このHTMLを解釈して画面を表示させます。もともと旧バージョンのHTML4が広く普及していましたが、HTML5はオーディオやビデオもサポートし、プログラミング的な動作も可能となるなど、機能の充実が耳目を集めています。

本書『HTML5の絵本』では、初心者でもわかりやすいイラストを中心にした解説で、もっとも基本的なタグの書き方から、新しい機能であるCanvasやストレージなどの解説を行います。初めてHTMLを勉強する方から、すばやく新しい技術の基礎を知りたいという方にも読んでいただけるものとなっています。

※本電子書籍は同名出版物を底本とし作成しました。記載内容は印刷出版当時のものです。
※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。
※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。
※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

 
内容サンプル
 
ユーザーレビュー
 
   
人気 73位
本書の内容
HTML&CSSで実現する、柔軟でレスポンシブなWebデザイン

本書は「CSSグリッドで実現できることは何なのか」をテーマにした一冊です。
これまでのHTMLとCSSを使ったWeb制作では、思ったようなデザインを実現するために「コンテンツをどういう順に記述するか」「どうマークアップするか」「どのCSSのレイアウトテクニックを利用するか」をパズルのように取捨選択し、形にしていくスキルが必要でした。
それを解決する方法として注目を浴びているのが、CSSグリッドを使ったレイアウトです。

本書ではCSSグリッドによるWebデザインを、作成制作を通して解説していきます。次のようなステップで、デザインを組み立てていきます。
 1 作例ごとに、レイアウトソフトを利用して完成見本(デザインカンプ)を用意
 2 完成見本からパーツを抽出し、HTMLと文書構造を組み立て
 3 CSSグリッドを作成し、パーツを配置
 4 レスポンシブの設定を行い、デザインを仕上げる

作例はそれぞれ、PC、タブレット、スマートフォンで問題なく表示されるように仕上げていきます。

用意された作例は以下になります。
 ・縦横に均等に分割したグリッドによる「雑誌風レイアウト」
 ・複数のグリッドを組み合わせて作る「フライヤー風レイアウト」
 ・画像とテキストの重ね合わせによる「画像メインのレイアウト」
 ・「左右対称/非対称のレイアウト」
 ・上部や左部にナビゲーションを配置

巻末には「CSSグリッド」リファレンスも付属。
本書を通して、CSSグリッドがWebデザインにもたらす表現力と自由さを体験してください。  
内容サンプル
 
ユーザーレビュー
 
   
人気 74位
本書の内容
※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。

あなたの仕事をずっと助ける、Webページ作りの「正しい」技術をマスター。

Webページ作りを基礎から習得し、コーポレートサイトを作成。基本文法から各種ボックスの配置法、テーブル、フォーム、シングルカラムレイアウト、段組レイアウト、レスポンシブまで、Webデザインの仕組みをサンプルとともに詳解。

●こんな人に向けた本です
1入門から次のステップに進みたい人
2コーポレイトサイトを作ってみたい人
3HTML/CSSの仕組みを学び、現場でワンランク上のアウトプットを目指したい人

●こんな内容の本です
1Webデザインの仕組みをサンプルとともにしっかりと解説しています。
2HTML/CSSの仕様に基づいた解説で、デザインにプラスアルファの効果を与える正確なマークアップの知識が身につきます。
3迷ったときに正しい技術を指し示してくれる教科書です。  
内容サンプル
 
ユーザーレビュー
 
   
人気 75位
本書の内容
PCだけでなくスマートフォンやタブレットなど多様なデバイスに対応することが、Webデザイン、Web制作の標準になりつつあります。そのためには、PCサイトを作ってから、スマートフォンなどに対応するのではなく、最初からどのデバイスにも対応できるデザインやレイアウトを考えることが重要です。

本書ではそういったスキルがレッスン形式のステップバイステップで身につくように構成しました。

●基礎
レイアウトの根本となるボックスの並べ方をマスターし、Webページにおける段組みを自在にコントロールする手法を身につけます。
●実践
「ブログ・ニュース系サイト」と「ビジネス系サイト」の実例サイトを、1からパーツを組み立てながら作成していきます。
●応用
マルチデバイスに対応し、使い勝手や見栄えを向上させる各種のアレンジ・テクニックや実践で役立つTIPSを学びます。  
内容サンプル
 
ユーザーレビュー
 
   
人気 76位
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
人気 77位
本書の内容
 
内容サンプル
 
ユーザーレビュー
デザインの参考者として購入しました。デザインを勉強している学生さんや、現役のデザイナーさんにオススメです。
 
   
人気 78位
本書の内容
「ホームページを手づくりしよう! 」
Webサイトの制作やデザインは複雑になり、コーディング専用のエディタで効率よく制作する時代ですが、コードを丁寧に記述しながらホームページをつくりあげるのも楽しいもの。本書は豊富なビジュアルと細かな入力&操作解説で、シンプルなページを作成しながらHTMLとCSSが学習できる入門書です。「古都さんぽ」をテーマとした1トップページと2風景紹介の記事ページ、3観光サイトへのリンク集ページ、4写真ギャラリーページ、5自己紹介の5ページ構成のサイトをチュートリアル形式で作成し、無料ホームページサービスで公開するまでを解説します。Windows10付属のアプリとCDに収録したフリーソフトでサイト作成がすぐにはじめられます。解説のステップごとに用意したHTML、CSS、画像ファイルも収録しているので、迷わずに学習を進めることができます。  
内容サンプル
 
ユーザーレビュー
初心者でも、見やすくていいと思いました。プログラミングは難しそうで、途中で挫折しそうですが、本の内容が理解しやすいと思いました。がんばります。
 
   
人気 79位
本書の内容
※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。
また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
お使いの端末で無料サンプルをお試しいただいた上でのご購入をお願いいたします。
端末により、見開き表示で、左右が逆になる場合があります。
なお、実際のサービスのインターフェースが変更され、本書内の解説と実際の画面が異なることがありますので、ご了承ください。


スマートフォン対応サイトではじめるまったく新しいHTML&CSSの入門書!

本書はWebサイト制作の基礎体力となるHTMLとCSSの「いちばんやさしい」入門書です。

最大の特徴は、実際のWeb制作現場のトレンドを反映し、スマートフォン向けサイトを題材としていること。
モバイル対応サイトを作りながら、HTMLとCSSの基本文法、役割、使い分けについて、ステップ・バイ・ステップで学ぶことができます。
もちろん、パソコン表示への対応方法も解説し、最終的には「レスポンシブデザイン」と呼ばれるWebサイトの制作をトータルで学べるような構成にしてあります。

Chapter 1 Webサイト制作の準備をしよう
Chapter 2 HTMLの基本を学ぼう
Chapter 3 Webページのひな形を作ろう
Chapter 4 HTMLでトップページを意味付けしよう
Chapter 5 CSSの基本を学ぼう
Chapter 6 CSSでトップページを装飾しよう
Chapter 7 メニューページとアクセスページを作ろう
Chapter 8 お問い合わせページを作ろう
Chapter 9 WebサイトをPCに対応させよう
Chapter 10 Webサイトを公開しよう

正しい知識を学び、それを使いこなすことは、結果的にSEO対策やアクセシビリティの向上といった施策にもつながります。

・趣味でサイトを作ってみたい
・スキルアップにつなげたい
・仕事でどうしても必要になった
などなど、「HTMLとCSSの基本を身につけたい」方はぜひ本書をお読みください。  
内容サンプル
 
ユーザーレビュー
 
   
人気 80位
本書の内容
WordPress入門書のベストセラー、エビスコムの「WordPressレッスンブック 3.x対応」が、最新版になって登場しました。

・基本から応用テクニックまで、ステップバイステップ形式で実際に作りながらマスターできます。
・サイトの拡張やカスタマイズ方法などの実践手法も網羅しました。
・スマートフォンやタブレットに完全対応するためのテクニックも学べます。

はじめてWordPressを触る方でも、本書1冊でWebサイト構築が簡単に行えます。  
内容サンプル
 
ユーザーレビュー
 
   
人気 81位
本書の内容
本書は、『Ruby on Rails 5.0初級』シリーズの第4巻です。前巻に引き続き、簡易予定表管理システムPicoPlannerの開発を行いながら、RailsにおけるHTMLフォームの取り扱い方について学んでいきます。

導入部に当たる第1章を除くと、この巻の内容は三つの部分に分類できます。

* 第2章〜第5章: 「今日の予定表」機能の作成
* 第6章〜第9章: 「終日」フラグの導入
* 第10章〜第16章: バリデーションとエラーメッセージ

「今日の予定表」機能とは、今日始まる予定項目および昨日以前に始まって継続中の予定項目をリスト表示する機能です。この機能を実装する過程で、私たちは「七つの基本アクション」に含まれないアクションを定義する方法、時刻を基準としてデータベースのレコードを絞り込む方法、BootstrapのNavコンポーネントの使い方、などの知識を得ます。

続いて、「終日」フラグの導入により、一日中続く予定項目や開始と終了の時刻がはっきりしない予定項目をPicoPlannerで扱えるようにします。ここでのメインの学習目標は、ブーリアン(真偽値)という型の値をRailsおよびデータベースで扱う方法です。また、HTMLフォームにチェックボックスを設置する方法、jQueryを利用してチェックボックスの状態に応じてフォームの一部の表示・非表示を切り替える方法についても学びます。

最後に、Railsのバリデーション機能について学びます。この機能自体はそんなに複雑なものではありませんが、現実のWebアプリケーション開発で応用しようとするとさまざまな工夫が必要となります。特に、日付や時刻に関わるバリデーションを丁寧に説明しました。

また、バリデーションが失敗したことをユーザーに知らせるため、フォームのビジュアルデザインを制御する方法についても丁寧に説明しました。ラベル文字列や入力欄の枠線に色を付けたり、日本語でエラーメッセージを表示しながら、RailsとBootstrapのさまざまな小技を学んで行くことになります。

特に、第12章「フォームビルダーの拡張」では、オブジェクト指向プログラミングの「華」とも言える「委譲(delegation)」という概念が本シリーズで初めて登場します。初めての方は理解するのに少し時間を要するかもしれませんが、大事なところなのでじっくりと腰を据えて取り組んでいただきたいと思います。

本書を読み終えた読者は、OIAX BOOKSの『Ruby on Rails 5.0 初級⑤』(2017年秋〜冬刊行予定)に進んでください。

扉・目次・奥付を除いた本文の分量はB5変型判(一般的なコンピュータ書の判型)で186ページ相当です。

対象となる OS およびソフトウェアのバージョンは以下のとおりです:

* macOS Sierra v10.12
* OS X v10.11 El Capitan
* OS X v10.10 Yosemite
* Ubuntu 16.04 Desktop (64-bit)

Windows は直接の対象となっていませんが、 VirtualBox を利用して Windows 上に Ubuntu の仮想環境を構築すれば、本書を使って学習を進めることができます。ただし、VirtualBoxのインストール方法や使い方については本書では解説しません。OIAX BOOKS の『VirtualBox/Ubuntu スタートアップガイド』を参照してください。Kindle 版とペーパーバック版があります。

【本書の構成】

はじめに
第1章 この巻の目標
第2章 今日の予定表(1)
第3章 今日の予定表(2)
第4章 ナビゲーション
第5章 ドキュメントタイトル
第6章 ブーリアン型と日付型
第7章 終日の予定項目の表示
第8章 チェックボックス
第9章 jQuery
第10章 バリデーション(1)
第11章 Bootstrapフォームバリデーション
第12章 フォームビルダーの拡張
第13章 エラーメッセージの表示(1)
第14章 バリデーション(2)
第15章 バリデーション(3)
第16章 バリデーション(4)
付録A RubyとRailsのアップグレードまたはダウングレード

【OIAX BOOKSについて】

OIAX BOOKSは、2016年4月に株式会社オイアクスが創刊したコンピュータ書レーベルです。同社の専門分野である Ruby on Railsとその周辺領域を中心に、最新の技術情報を読者のみなさまにお届けしてまいります。

専用Webサイト: https://books.oiax.jp/
 
内容サンプル
 
ユーザーレビュー
 
   
人気 82位
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
人気 83位
本書の内容
Webページの制作に特別なソフトは必要ありません。WindowsやMacintoshに付属のソフトですぐに作り始めることができます。

本書で作成するWebサイトは、さまざまな場面で使えるように配慮しており、スマートフォンやタブレットにも対応しています。

<本書の特徴>
●Webサイトをステップ・バイ・ステップで作りながら、ノウハウを身につける
●HTML5とCSS3(スタイルシート)の両方を使った最新の制作手法をマスター
●応用テクニックやその仕組み、さらに踏み込んだ各種の情報もTIPSとして網羅  
内容サンプル
 
ユーザーレビュー
 
   
人気 84位
本書の内容
日本一楽しい、わかりやすい、HTML/CSS入門

※この電子書籍は、「固定レイアウト型」で配信されております。説明文の最後の「固定レイアウト型に関する注意事項」を必ずお読みください。

最新のウェブサイトづくりが、はじめてでもよくわかる!
レッスンごとに課題が分かれているから、反復学習にも最適
パソコン/スマートフォン/タブレット表示に完全対応

本書の主人公であるみさき君が、リコーダー演奏会の告知サイトをつくるために、
HTML/CSSの達人、ヘンリーからWebサイトづくりを学びます。
漫画と共に、HTML/CSSの基礎知識からコンテンツのつくり方、
ネットへの公開までを、楽しみながら学習しましょう。

●こんな人にぴったりです
ウェブサイトをこれからつくってみたい人
自分のサイトで写真や文章を人に見せたい人
設計から公開までにやるべきことを短期間で身につけたい人
苦手な技術や課題を何度も学習したい人

●目次
■1時限目 ウェブサイトを設計しよう
■2時限目 ウェブサイトづくりの準備をし、HTMLの基礎を学ぼう
■3時限目 HTMLを書いてみよう
■4時限目 画像とリンクを設定しよう
■5時限目 CSSでページを装飾しよう
■6時限目 ページを完成させよう
■7時限目 さまざまなデバイス表示を考慮しよう
■8時限目 サイトを公開しよう

固定レイアウト型に関する注意事項(必ずお読みください)
この電子書籍は、全ページ画像の「固定レイアウト型」で配信されております。以下の点にご注意し、購入前にプレビュー表示をご確認の上、ご購入ください。

■使用できない機能
・文字拡大(ピンチイン・ピンチアウトは可能ですが、画面におさまらない場合は画面をスワイプ)/文字のコピー/マーク/ハイライト/文字列検索/辞書の参照/Web検索/引用

■推奨環境
・タブレットなど大きいディスプレイを備えた端末
・Wi-Fiネットワーク経由でのダウンロード(Kindle端末の場合)
 
内容サンプル
 
ユーザーレビュー
 
   
人気 85位
本書の内容
現場で「本当に」役立つ1冊!

HTML5の要素とCSS3のプロパティに関する情報を、コンパクトなサイズにまとめました。
よく利用される要素やプロパティを重点的に解説していますので、
これから学習を始める人はもちろん、仕事でHTMLやCSSを使っている人にも役立つ内容です。
必要な情報を探しやすいよう索引機能も充実!
本書を手元に置いておけば、「この要素はどうやって使うんだったかな?」というときにすぐに調べられます。
お勧めの1冊です。  
内容サンプル
 
ユーザーレビュー
いろいろ載っているので、ポケットリファレンスと併用して、活用したいと思います。
 
   
人気 86位
本書の内容
HTML5ポケリ、最新仕様に対応して増補改訂!

大好評! HTML5とCSS3のよく使われるタグ、プロパティに内容をしぼったリファレンスです。
最新のブラウザ、HTML5の仕様に対応して増補改訂しました。

誰もが知りたい目的別だから、使いやすく、引きやすい。
あのタグ、どう書くんだっけ?というときにサッと調べられます。
サンプルもシンプルで、わかりやすくて、しかも楽しい。
ポケットサイズだから机の上でかさばらず、持ち運びやすい。
開発業務で必要な方だけでなく、ブログやサイトを運用している方にもおススメです。  
内容サンプル
 
ユーザーレビュー
HTMLとCSSのことが詳しく書かれており、とても分かりやすいと思います。具体的なプログラム例もあり、なかなか使えます。
HTMLやCSSのことが非常に詳しく書かれており、分かりやすいです。具体的なプログラム例もあり、使いやすいです!
 
   
人気 87位
本書の内容
作ってたしかめて、応用する力が身につく

※この電子書籍は、「固定レイアウト型」で配信されております。説明文の最後の「固定レイアウト型に関する注意事項」を必ずお読みください。

※こちらの電子書籍は、[固定版]の他に[リフロー版](テキストリフロー型電子書籍)がございます。ご購入前に、双方の「立読み版」をよく電子書籍をご利用になる端末にて実際にご覧いただき、比較検討されることをお勧めします。

装飾からレイアウトまで、ステップバイステップで作ってたしかめてCSSデザインの基本が身につく入門書の決定版! 既存ページのカスタマイズと、ゼロからのレイアウト作成を実習します。最新のCSS3で追加された便利なプロパティの使い方も紹介。Win/Mac対応。

●目次
chapter01 WebサイトとHTMLの基本
01 HTMLの基礎知識
02 新規ファイルの作成と保存
03 HTML記述のポイント
04 HTMLを書いてみよう

chapter02 CSSの基礎
01 CSSの基礎知識
02 CSSの仕組み、基本的な書式、各部の名称
03 CSSを記述する場所
04 CSSファイルを作成してHTMLファイルにリンクする
05 CSSを記述する

chapter03 カスタマイズから始めよう!テキスト周りのCSS
01 HTMLから要素を選択する「セレクタ」
02 ページ全体のフォント、テキストを調整する
03 さまざまなセレクタを使用する
04 継承とより高度なフォントの扱い

chapter04 ボックスモデルを理解しよう
01 ボックスとボックスモデル
02 背景色を変更する
03 背景に画像を使用する
04 ボックスモデルを理解しよう
ほか

chapter05 コンテンツのスタイル
01 CSSが適用される優先順位 ~カスケードと詳細度~
02 見出しの背景を変更する
ほか

chapter06 フロートとポジション
01 通常のHTML配置とフロート、ポジション
02 全体のHTML構造を確認する
03 ページ全体に適用されるCSSを記述する
04 ヘッダーを作成する
05 ウィンドウ幅いっぱいに広がる背景画像を適用する
ほか

chapter07 高度なページレイアウト
01 フロートとページレイアウト
02 キービジュアルをウィンドウの中央に配置する
ほか

固定レイアウト型に関する注意事項(必ずお読みください)
この電子書籍は、全ページ画像の「固定レイアウト型」で配信されております。以下の点にご注意し、購入前にプレビュー表示をご確認の上、ご購入ください。

■使用できない機能
・文字拡大(ピンチイン・ピンチアウトは可能ですが、画面におさまらない場合は画面をスワイプ)/文字のコピー/マーク/ハイライト/文字列検索/辞書の参照/Web検索/引用

■推奨環境
・タブレットなど大きいディスプレイを備えた端末
・Wi-Fiネットワーク経由でのダウンロード(Kindle端末の場合)
 
内容サンプル
 
ユーザーレビュー
 
   
人気 88位
本書の内容
スマートフォン向けアプリケーション開発では、iOS、Androidの両プラットフォームへの対応が求められることが多い一方、それぞれに対応することは、Objective-C、Javaによる異なる開発スキルが必要です。そこで現在注目されているのが、HTML5によるハイブリッドアプリです。本書では、フレームワークApache Cordovaによるアプリ開発から、ストレージの使い分け、タッチ・ジェスチャなどの活用、マルチプラットフォーム特有のデバッグノウハウなど、ハイブリッドアプリ開発に必須の知識をわかりやすく解説します。

(目次)
■■PART 1 基礎編
 第1章 HTML5ハイブリッドアプリとは
 第2章 ハイブリッドアプリ開発の基盤
 第3章 ハイブリッドアプリ開発のためのフレームワーク
 第4章 Cordovaを用いたアプリ開発の流れ
■■PART 2 実践編
 第5章 より良いアプリを開発するためのテクニック
 第6章 ストレージ
 第7章 モバイル特有の事情
 第8章 デバッグ
 第9章 メモリの計測・節約
 第10章 HTML5ハイブリッドアプリのセキュリティ
 第11章 JavaScriptとネイティブとのブリッジ
 第12章 WebViewを使ってHTML5ハイブリッドアプリを開発する  
内容サンプル
 
ユーザーレビュー
 
   
人気 89位
本書の内容
世界で一番かんたんで丁寧な入門書

※この電子書籍は、「固定レイアウト型」で配信されております。説明文の最後の「固定レイアウト型に関する注意事項」を必ずお読みください。

「Webサイトを手軽に作ってみたい」「HTML、CSSの基礎を学びたい」と漠然と思っている人から、
「一度Webサイトを作ろうとしたことがあるが挫折した」という人まで。

プログラミング知識は一切不要。
本を読んで学びながらサンプルファイルにコードを書いていくことで
HTMLとCSSの基礎を完全習得 & デザイン性の高いWebサイトを作れます!
最新バージョンのHTML5とCSS3をベースに学んでいきます。

●本書の特長
・本書を読むことで、トップページ、ギャラリー、地図、お問い合わせフォームなどを持つ、基本のWebサイトが作れます。
・丁寧で分かりやすい文章とたくさんの図示があるので、初心者もHTML、CSSをきちんと理解できます。
・複数ページから成り立つ従来のWebサイトはもちろん、シングルページサイトも作成できます。
・デザインの良いWebサイトを作りたい、HTMLとCSSを学んで自分でWebサイトを作ってみたい……
けど、難しそうで第一歩が踏み込めない、挫折したからあきらめている。そんな人のための本です。

●本書の対象読者
・Webサイトを自分で作ることに興味はあるけれど尻込みしていた人
・HTML、CSSの基礎をしっかり、かつ手軽に学びたい人
・デザインの良い高機能なWebサイトを簡単に作りたい人
・Webサイトを作ろうとしたことはあるけれど挫折した人
・新しいバージョンであるHTML5、CSS3を学んで、過去のバージョンよりもさらに手軽にWebサイトを作りたい人

●目次
はじめに
本書の使い方
サンプルファイルの使い方
Chapter1 Webサイト制作の事前準備
Chapter2 HTMLの基本
Chapter3 CSSの基本
Chapter4 Webサイトの作成
Chapter5 レスポンシブ対応
Chapter6 Webサイトの集客
Chapter7 Webサイトの公開
付 録 シングルページサイトの作成
索引
チートシート

固定レイアウト型に関する注意事項(必ずお読みください)
この電子書籍は、全ページ画像の「固定レイアウト型」で配信されております。以下の点にご注意し、購入前にプレビュー表示をご確認の上、ご購入ください。

■使用できない機能
・文字拡大(ピンチイン・ピンチアウトは可能ですが、画面におさまらない場合は画面をスワイプ)/文字のコピー/マーク/ハイライト/文字列検索/辞書の参照/Web検索/引用

■推奨環境
・タブレットなど大きいディスプレイを備えた端末
・Wi-Fiネットワーク経由でのダウンロード(Kindle端末の場合)
 
内容サンプル
 
ユーザーレビュー
 
   
人気 90位
本書の内容
※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。

〈電子書籍版に関する注意事項〉
本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なりますので、ご購入前にお使いの端末にて「無料サンプル」をお試しください。

【Web制作入門書のロングセラー。「背景」や「理由」を知ることで、一生役立つ応用力が身につく】

Webデザイン・Webサイト制作の「本当に必要な正しい基礎」を伝える入門書の改訂版。WWWやインターネットの仕組みを始まりに、サイト制作のワークフロー、HTML・CSSの技術的な解説、Webサイトを公開・運用するまでの基礎知識を、系統立てて解説しています。改訂版ではHTML5をベースにした内容に改変し、レスポンシブWebデザインに対応した簡単なサンプルサイトを制作する章を新たに加えたほか、SVGやサイトデータのバージョン管理に関する解説も追加しました。

本書の一番の特長は基礎的な知識や制作技術の解説とともに、「なぜ、そうするのか?」といった「背景」や「理由」にも踏み込んで説明している点です。サイト制作のツールやテクニックは時代によって常に変化していきますが、本書では最新の情報や技術手法を扱うだけではなく、Web・Webデザインの根本的な仕組みや、技術の裏側にある背景を含めて深く理解することで、「自分で考える力」や「ずっと役立つ応用力」を養うことを目的にしています。プロのWebデザイナーを目指す方はもちろん、Webにかかわるすべての方に知ってほしい内容を集約した1冊です。

〈本書の内容〉
Lesson 1 Webデザインの世界を知る
Lesson 2 Webサイトを設計する
Lesson 3 HTMLの役割とできること
Lesson 4 CSSの役割とできること
Lesson 5 Webサイトを構成する素材
Lesson 6 Webサイトを表現する色
Lesson 7 Webサイトを公開する
Lesson 8 Webサイトを運用する
Lesson 9 Webサイトを制作する
(9章で解説するサンプルデータはダウンロード可能)  
内容サンプル
 
ユーザーレビュー
 
   
人気 91位
本書の内容
CSS設計を実践的に解説したはじめての書籍!

※この電子書籍は、「固定レイアウト型」で配信されております。説明文の最後の「固定レイアウト型に関する注意事項」を必ずお読みください。

CSS設計にベストプラクティスはありません。どのような設計にも必ずメリットとデメリットが存在します。そのため、どのようなプロジェクトにも完璧に適応できるCSSを設計する方法はないのです。
ではどうすればいいのか? ある程度のところで妥協するしかないのか? というとそうではありません。その時々に応じたベターな設計を行うことはできるのです。
本書が定義する最強のCSS設計とは、「対象のプロジェクトにがっちり最適化されたCSS設計」のことです。最強のCSS設計を目指すためには、まずプロジェクトの概要や周囲の環境をしっかりと把握する必要があります。そして、プロジェクトの進行中に起こりうる失敗パターンを想定し、それを的確に回避して成功パターンへと導ける設計のこと。それが最強のCSS設計です。
本書では、最強のCSS設計を目指し、そのために必要なノウハウを順を追って解説します。

●目次
CHAPTER01 実践的なCSS設計とは
 01-01 これまでのCSS設計
CHAPTER02 CSS設計のためのさまざまな手法
 02-01 OOCSS
 02-02 SMACSS
 02-03 BEM
 ほか
CHAPTER03 Sassを導入しよう
 03-01 CSSメタ言語とは
 03-02 Sassの導入
 03-03 CSS設計に役立つSassの機能
CHAPTER04 ケーススタディ(1) OOCSS、SMACSS編
 04-01 プロローグ
 04-02 OOCSSの基本
 04-03 SMACSSの基本
 04-04 Layoutの活用
 04-05 エピローグ
CHAPTER05 ケーススタディ(2) BEM編
 05-01 プロローグ
 05-02 BEMの基本
 05-03 さまざまなModifierの使い方
 ほか
CHAPTER06 ケーススタディ(3) こんなときどうする?
 06-01 JavaScriptのフック
 06-02 引き継いだプロジェクトのCSS設計が解読できない
 06-03 モジュール? コンポーネント? 言葉の意味がいろいろありすぎてわからない!
 06-04 ソースコードの内容がわからない!
 06-05 既存のモジュールの存在に気づかず、同じようなコードを書いてしまった!
 06-06 ちょっとしたスタイルを気軽に付与するテクニックが知りたい!
 06-08 クラス名をつけるのにすごく迷う!
 ほか

固定レイアウト型に関する注意事項(必ずお読みください)
この電子書籍は、全ページ画像の「固定レイアウト型」で配信されております。以下の点にご注意し、購入前にプレビュー表示をご確認の上、ご購入ください。

■使用できない機能
・文字拡大(ピンチイン・ピンチアウトは可能ですが、画面におさまらない場合は画面をスワイプ)/文字のコピー/マーク/ハイライト/文字列検索/辞書の参照/Web検索/引用

■推奨環境
・タブレットなど大きいディスプレイを備えた端末
・Wi-Fiネットワーク経由でのダウンロード(Kindle端末の場合)
 
内容サンプル
 
ユーザーレビュー
 
   
人気 92位
本書の内容

【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております。文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。ご購入前に、無料サンプルにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください】

ゼロから学べるWeb制作学習書がHTML5とCSS3に完全対応!

わかりやすいと好評のWeb制作入門書が、現在の標準規格である「HTML5」と「CSS3」に完全対応して登場です。HTML5とCSS3の初歩的な文法学習から始めて、本格的なサイト制作までの流れを通して学ぶことで、初心者でも正しいマークアップの作法が身に付きます。用語や考え方を解説する講義パートと、実際にサンプルページを制作していく実習パートからなるレッスンを順に進めて、ステップアップしながら学んでいけます。サンプルソースはダウンロードが可能。Web制作をこれから始める人に最適の1冊です!

※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。
※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。
※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。
※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

 
内容サンプル
 
ユーザーレビュー
 
   
人気 93位
本書の内容
本書はデザインの手引書ではありません。――「はじめに」より
本書では、デザインに焦点を当てるのではなく、「いかに問題を解決するか」がコードで示されます。
視覚効果、ページ構造、ユーザーエクスペリエンスといった8つのカテゴリーから47の項目を挙げ、日々直面する現実的な問題――同じことを繰り返さず(DRY)、保守性、柔軟性に富み、軽量かつ標準に準拠したCSSスタイル設計を実現する――をコーディングで解決していくテクニックを学ぶことができます。
解決策を発見するまでのプロセスを理解することが課題解決までの近道であるという考えのもと、背景にある考え方までひもといて解説。
すでにCSSを使っている中・上級のCSS開発者を対象とした本書は、CSSで実現できることを広げてくれる一冊です。  
内容サンプル
 
ユーザーレビュー
 
   

HTML/CSS 新書一覧

本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
初心者から熟練者まで、すべてのWeb制作者のための早引き事典の最新版!

本書は、HTMLの要素(タグ)とCSSのプロパティを解説した事典です。
HTMLの要素やCSSのプロパティの意味、対応ブラウザーなどがひと目で分かるほか、豊富なサンプルコードで、使い方も理解できます。

WordPressなどのCMSで新規サイトを構築するときに、既存サイトのコードを解読したいと思ったときに、タグやプロパティの内容をサッと調べることができる便利な1冊です。
また、HTMLやCSSの基本的な書き方はもちろん、HTML5からHTML Living Standardに標準仕様が移った経緯などの技術的背景、文字参照やURLの構成といったWeb制作者として不可欠な知識も解説しています。
●このような方におすすめ
・HTML&CSSを記述・修正する必要のある人
・Webデザイナーや、情報システム部などでWebサイトを内製で構築する担当者
・HTML&CSSの勉強をしている大学生や新入社員  
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
累計10万部のベストセラーが、現代のトレンドに対応して大改訂!

1つのストーリーに沿ってWebサイト作りとHTML&CSSの基本がスラスラ学べる、入門書の決定版!
第3版では現代のトレンドにあわせて制作するサイトを一新。PC・モバイル端末に対応したサイト作りの全手順を、図入りでとことん丁寧に解説しています。

これからWeb制作を始める人にも、HTML・CSSを学び直したい人にもおすすめの、充実の内容です!

最新のHTML Living Standardに準拠。Windows/Mac対応。


Chapter01 Webサイト制作を始める前に
01 Webサイトとその構成要素
02 Webブラウザの機能と種類
03 Webサイトを公開するまで
04 制作に使うアプリのインストール

Chapter02 HTMLの基礎
01 HTMLはWebページを制作するための言語
02 HTMLの基本的な書式
03 親子、子孫、兄弟 ~HTMLの階層関係

Chapter03 制作の準備と基本のHTML
01 Webサイト制作の準備
02 すべてのページに共通するHTMLタグ

Chapter04 テキストの表示
01 見出し
02 段落
03 番号なしリスト(非序列リスト)
04 要素のグループ化
05 コメント文
06 ヘッダーにナビゲーションを設置
07 キーボードで入力しにくい文字の表示
08 テーブル(表)

Chapter05 リンクと画像の挿入
01 サイト内リンクと相対パス
02 外部サイトへのリンクと絶対パス
03 ページ内リンク
04 画像の挿入
05 画像+リンク

Chapter06 CSSの基礎
01 HTMLの「見た目」を整えるCSS
02 CSSの基本的な書式
03 主なセレクタと書き方
04 CSSを書く場所
05 CSSファイルの作成とHTMLとの関連付け

Chapter07 テキストのスタイル、背景色、ボックスモデル
01 CSSのコメント
02 ページ全体のフォントやテキストの設定
03 個別のテキストのスタイル変更
04 リンクテキストのスタイル
05 テキストと画像の行揃え
06 背景色の設定
07 ボックスモデル1 マージンとパディング
08 ボックスモデル2 ボーダー
09 メインコンテンツを中央揃えに
10 画像の伸縮

Chapter08 スタイルの上書き、フレックスボックス、テーブルの整形
01 スタイルの上書き
02 繰り返す背景画像
03 デフォルトCSSの調整 ~リストの「・」をなくす
04 ナビゲーションを横に並べる
05 繰り返さない背景画像
06 背景画像の表示方法を調整
07 テーブルの整形

Chapter09 2ページ目以降のHTMLとグリッドレイアウト
01 ホームページ以外のファイルを作成
02 各ページにヒーロー画像を表示する
03 番号付きリスト ~アクセスページのHTMLを編集
04 メニューページのHTMLを編集
05 メニューページのスタイルを設定

Chapter10 フォームを使うページの作成
01 フォームの基礎知識
02 お問い合わせページの概要
03 フォーム全体の親要素
04 セレクトリスト
05 ラジオボタンとチェックボックス
06 テキストフィールド
07 テキストエリア
08 送信ボタン
09 ラベル
10 フォームのスタイル
11 送信ボタンのスタイル

Chapter11 モバイル端末に対応する
01 レスポンシブデザイン
02 ビューポートの設定
03 メディアクエリとブレイクポイント
04 ナビゲーションを調整
05 メインコンテンツの左右にスペースを作る
06 ホームページのヒーロー画像のサイズを調整
07 メニューページの列数を変更

Chapter12 Webサイトを公開する
01 Webサイト公開までの準備
02 Webサーバーに接続
03 ファイルのアップロード
04 Webサイトの最終確認  
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
Web制作にとどまらず、Webアプリやクラウドでも使われているHTML&CSS。本書は最低限必要な知識に絞って解説しています。これまでHTML&CSSを勉強したことがない方はもちろん、Web制作の概要を大まかに知りたい方、アプリ開発に先立ってHTMLとCSSの要点を短期間で知りたいエンジニアの方にもおすすめです。
「そろそろ常識?」シリーズは、会話形式の解説をマンガテイストに進化させ、マンガ、会話、チュートリアルをシームレスに組み合わせたニュースタイルの解説書。常識とされながらも覚えにくいテーマをピックアップし、要点をマンガでわかりやすく解説します。

※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。  
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
HTMLによる、HTMLのための、HTMLだけの本

Web制作の初心者に向けた「HTML5+CSS3でサイトを作ろう」といった内容の書籍は多数出版されています。しかし、それらを卒業し、2冊目となるような、より深く「HTML」を学習できる書籍はあまりありません。
本書は、最低限のHTMLに関する知識やスキルを持ち、簡単なHTMLファイルを作成できることを前提に、HTMLを再入門、あるいはHTMLの初・中級者からさらなるステップアップをしたい、という読者を対象にしています。

HTMLをより深く学習する、言い換えると深く理解するためには、HTMLのシンタックス(構文)とセマンティックス(意味論)を理解することが不可欠です。シンタックスは機械的にチェックできますが、セマンティックスについては現在の技術では人によるチェックをせざるを得ないのが現状でしょう。
また、HTMLの究極の学習コンテンツはウェブ上で策定・公開されているHTML仕様といえますが、現在のHTML仕様は多数の前提知識が必要であり、中・上級者向けともいえます。

本書を読み進めることで、静的なウェブページから動的なウェブアプリケーションまで、筋の通ったHTMLを設計・記述できるようになることを目指します。本書では触れていませんが、これにより現代のウェブページに不可欠なCSSやJavaScriptの設計・作成についても理解が深まることでしょう。
また、HTML仕様を読むための前提知識についても解説しています。さらに、HTMLと関連のあるアクセシビリティやセキュリティの知識についても、著者陣がスペシャリストの立場として、必要に応じて言及しています。

目次

1章 HTMLの基本概念
1-1 HTMLとは
1-2 HTMLの仕様
1-3 HTML標準化の歴史
1-4 ウェブアクセシビリティの基礎
1-5 URLの概要
1-6 HTTP
1-7 技術情報との関わり方

2章 HTMLマークアップのルール
2-1 HTMLの要素とタグの基本
2-2 属性
2-3 URLの応用
2-4 要素の入れ子と内容モデル
2-5 HTMLで扱える文字
2-6 文字参照
2-7 コメント
2-8 HTMLの細かい構文ルール

3章 HTMLの主要な要素
3-1 「HTMLの主要な要素」の読み方
3-2 ルート要素と文書のメタデータ
3-3 セクション
3-4 グルーピングコンテンツ
3-5 テキストレベルセマンティックス
3-6 リンク関連要素
3-7 編集
3-8 エンベディッドコンテンツ
3-9 テーブル
3-10 フォーム1
3-11 フォーム2
3-12 インタラクティブ要素
3-13 スクリプティング

4章 主要な属性とWAI-ARIA
4-1 グローバル属性
4-2 WAI-ARIA
4-3 ARIA利用時の注意点
4-4 WAI-ARIAの実践
 
内容サンプル
 
ユーザーレビュー
HTMLの仕様を学び直すことができました。 リファレンスとして必要な時に後から見直すことでも活用できそうです。
 
   
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
美しいデザインでサイト制作の知識とワザが「1冊で」身につく本格入門!

<コンセプト>PC&モバイルサイトデザインの基礎力とHTML・CSSコーディングの知識が1冊で同時に身につく!
ウェブ制作を仕事にするならHTMLとCSSを学ぶことから始めますが、本書は体系立てた文法学習よりも、まずは「コーディングとはどのような作業なのか」を理解できる初学者向け入門書です。架空のカフェのショップ紹介&ネットショップサイトをチュートリアル形式で作成しながら、基本的なHTML要素/CSSの基本構造(セレクタ、プロパティ、値)を学ぶことができ、レイアウトのテクニックやデザイン(Webデザイン&レスポンシブデザイン)の基本も身につきます。
<本書のポイント>
・チュートリアル学習では、PC版だけでなくウェブ制作の現場でニーズの高いモバイルサイトのデザインがしっかり学べます
・定番となったflexbox、displayを使ったレイアウト手法の基礎から実践まで丁寧に解説します
・「フルスクリーン」「フレックスボックス」「シングルカラム」「2カラム」「グリッド」の5種類のレイアウトパターンを学習できます
・横スクロールするレイアウト、アニメーションで拡大するボタンなど動きのあるサイトづくりも体験できます
・「動画コンテンツページ」「ネットショップページ」も制作します
<綴じ込み特典つき>
付録1デザインのバリエーションが学べる! 「レスポンシブデザインのネタ帖」
付録2インターン、就転職に役立つ! 「ポートフォリオ用アレンジのネタ帖」  
内容サンプル
 
ユーザーレビュー
webデザインの勉強に最適です。増補改訂版が出され、最新のwebデザインが勉強できます。個人的にはグリッドレイアウトとフレックスが載っているのが、ありがたかったです。
 
   
本書の内容
リフロー版はこちら。

https://www.amazon.co.jp/dp/B09NKTJL73/

Web制作の現場でこれだけは知っておきたい、CSSの扱い方、管理、運用の基本!

Web開発が複雑化した現在、CSSについても仕様や知識を知っているだけでは対応できない問題が増えています。
破綻しないCSSを組むには、どのように考えて設計すればよいか? デザイナーや他の開発者と連携する場合のルール作りは? ReactやVue.jsを使ったWeb開発の案件の場合はどうしよう? Sassなどを使ってビルドする場合は? ……などなど。
本書は、これからWebサイト制作・開発の現場に入る人や、現場で悩んでいる人を対象に、CSSの設計についてわかりやすく解説するものです。
BEMやSMACSSといった設計手法、余白の設計、スタイルガイド、SassやAutoprefixer、PostCSSなどを使ったビルド、ユーティリティファーストという考え方。
Web制作・開発に多種多様な選択肢がある中で、プロジェクトの要件と状況に応じて最適なCSS設計を導き出すための「思考」を鍛える内容となっています。

※この商品は固定レイアウト型の電子書籍です。
※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
※お使いの端末で無料サンプルをお試しいただいた上でのご購入をお願いいたします。

※本書内容はカラーで制作されているため、カラー表示可能な端末での閲覧を推奨いたします  
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
〈電子書籍版に関する注意事項〉
本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なりますので、ご購入前にお使いの端末にて「無料サンプル」をお試しください。

【コーディングの練習を繰り返して、腕前グングンUP!】

HTML・CSSの基本は覚えたけれど、デザインカンプから情報を読み取って、イチからコーディングするのはまだ無理……。
初心者を脱して、コーダー/マークアップエンジニアとして制作現場でバリバリ活躍する力をつけたい。

本書はそんな方に向けたものです。

初心者の方が、制作現場で通用する“コーディング力”を強化するには、豊富なパターンの実践練習を繰り返すのが、遠いようで一番の近道。そのために、本書は150通り以上のサンプルを使って、HTML+CSSのコーディング練習を積み重ねるスタイルとなっています。

6章構成で、基礎固めをしながら、できるだけ効率よく実務レベルの知識やスキルを身につけられるよう、小さな単位のサンプルを数多く盛り込みました。小さな課題をたくさんこなす中で、現場の実務で遭遇するような“少し難しい課題”も自力で解決する力がつくよう構成しています。

また、各章で学んだことをアウトプットできるよう、章末に各自で取り組むための練習問題(EXERCISE)も用意しています。

本書を通して、実際に手を動かしながら課題に取り組むことで、“コーディング力”が確実にアップしますので、ぜひチャレンジしてみてください!

〈こんな方にオススメ〉
○コーディングの初心者から中級者にレベルアップしたい方
○自力でイチからコーディングする力をつけたい方
○Web制作の現場で働きはじめて間もない、実践経験の少ない方

〈本書の内容〉
■INTRODUCTION 事前準備と前提知識
■CHAPTER 1 基本レイアウト
■CHAPTER 2 応用レイアウト
■CHAPTER 3 表組み・フォーム
■CHAPTER 4 CSS設計
■CHAPTER 5 マークアップ
■CHAPTER 6 総合演習

〈本書の特長〉
○150通り以上のサンプルを使って実践練習を繰り返す。
○HTML・CSSのコーディングに特化して強化する。
○実務でよく遭遇する課題を自力で解決する力がつく。  
内容サンプル
 
ユーザーレビュー
 
   
発売日 2021/11/23
(4.5)
Amazon 2,970円 Kindle 2,822円
本書の内容
多様な閲覧環境への対応や、多様なビジュアルデザインの実現といった複雑な要件を強いられるCSSは、管理し続けることが非常に困難です。本書では、より発展的で包括的なCSS設計の考え方について、現役のWebデザイナーやフロントエンドエンジニアを対象に解説します。

CSSの強みであるしなやかな性質を活用した、堅牢なレイアウトシステムを構築するために、本書では「レイアウトプリミティブ」というアプローチを提案しています。これによってCSSの再利用性が高まり、大幅にコードが削減できます。

また、しっかりとCSSらしい考え方を理解したいという方にもおすすめです。

※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。  
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
Webサイト制作をこれから学ぶ人へ送る
“1冊目"に最適の入門書! 【学びをサポートする4大特典つき】

本書は手を動かしてWebサイトを作りながら
HTML/CSSとWebデザインの基本を楽しく学べる入門書です。

初学者が1冊目に読む本としてふさわしい内容を盛り込んでいるため、
これを読めば必要な基礎知識がひととおり身につきます。

制作できるサイトは計4種。
初歩的な内容から少しずつレベルアップしていき、
Flexboxレイアウト・CSSグリッドレイアウト・
レスポンシブデザイン・CSSアニメーションも作れるようになります。

またコーディングの知識だけではなく、
学習を続ける上での学び方のコツやポイントも紹介。
知識ゼロからスタートした人でも、1冊を読み終えるころには
自ら学習を深めていけるようになるでしょう。

■わかりやすい! 楽しい! ポイント
・やさしく要点をおさえた解説
・手を動かして作ることを重視した構成
・おしゃれでバリエーション豊かなサンプルサイト
・豊富な図解とイラスト、キャラクターによるガイド
・重要ポイントの理解を助ける補足動画

■こんな方におすすめ!
・Webサイト制作をゼロから学びたい初心者
・1冊目の入門書を探している人
・Web制作の仕事を目指している人

■学習をサポート! 嬉しい4大特典つき!
(※翔泳社サイトにて無料のID登録とダウンロードの必要があります)
1.サンプルサイトのXDデータ
- 画像の切り出しや色/数値抽出の練習用に
- デザインファイルの作り方の参考に

2.特典PDF:Webサイトの公開方法
- 最後に必要な公開作業の手順も解説!
- レンタルサーバー/ドメインについてやFTPソフトの使い方

3.制作に役立つおすすめサイト集
- 実際のしごとで使っているサイトを厳選!
- Webデザイン編/コーディング編と合計、約50サイトを紹介

4.初学者必携のチートシート
- 横において学習すると学びやすい!
- Flexboxレイアウト/CSSグリッドレイアウト/CSSのショートハンド/キーボード入力サポートの4種

 
内容サンプル
 
ユーザーレビュー
本自体は綺麗な状態で届きましたので満足ですが、 2点頼んで別送されると思わず、連絡も無かったので問い合わせしてしまいました。 無事に届きましたが、ちょっと焦りました。
基礎から分かりやすく解説されているとともに、中級者でも気付きの得られる内容です。現場で多用されるフレックスボックスについては紙面をもっと割いて解説が欲しかったです。
 
   
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
モバイルファースト&レスポンシブなサイトの作成手法を、ステップ・バイ・ステップでマスターする

本書では、モバイルファースト&レスポンシブで、サンプルサイトを制作していく過程を実際に操作しながら学んでいきます。
サイトはパーツ単位で作成し、章ごとに1つのパーツを作成していきます。

Chpater1 ヘッダー
Chpater2 ヒーロー
Chapter3 画像とテキスト
Chpater4 記事一覧
Chapter5 フッター
Chapter6 記事
Chapter7 プラン&フッター
Chapter8 ナビゲーション

それぞれのパーツの作成にあたっては、パーツのレイアウトを実現するCSSの選択肢を示し、場面に応じて適切なものを選択して、作成していきます。
章末には他の選択肢やそのバリエーションをまとめて解説していますので、デザインやレイアウトの技を幅広く身につけることができるでしょう。
HTMLは最新の「HTML Living Standard」に準拠し、CSSでは従来から活用されてきたメディアクエリの他、Flexbox、CSS Gridなどのレイアウトのコントロール、CSS関数を使いこなします。

「本書では、新しいHTML&CSSに沿った形で『レスポンシブWebデザイン』を見直し、ページを作成しながらさまざまな選択肢を比較検討していきます。
サンプルのページを作成するばかりでなく、ページを実現するためのバリエーションを増やして、これからのWeb 制作に活用していただければと思います。』(著者「はじめに」より)

演習用ファイルがダウンロードできますので、ぜひ本書で最新のHTML&CSSコーディングを体感してください。

【特典付き】
・特典PDF『HTML&CSS 簡易リファレンス』
本書のサポートサイトから入手してください。  
内容サンプル
 
ユーザーレビュー
随分前にGoogleさんに言われるがままHTML5とCSS3とjqueryをかじって満足していましたが、ふと気になって読んでみて、?年ひと昔、浦島太郎の気持ちです。IEとw3cの呪縛から解放されて、ノビノビ感を感じます。 もちろん本の内容がとても分かりやすかったです。今回はこういう理由でflexを採用するけど、ちなみにgridならこういう感じ、とか、あれ?これって何だったっけ?と思いながら読み進めると何故か次のページで説明が載っていて、かゆいところに手が届く、疲れずに読み進められる良い本でした。
 
   
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
------------------------

特典付きキャンペーン実施中! !


本書(紙版、Kindle版とも)をご購入いただいた方に、特典PDFをプレゼントするキャンペーン実施中です!


●特典PDF内容

CSSコーディングテクニック、ビルトインモジュール リファレンスなど掲載の90ページ超のPDF


●キャンペーンの申し込み方法についてはこちら。

book.mynavi.jp/pcbook/blog/detail/id=124081

------------------------


CSSとSassの基本と設計、実装テクニックまで


本書は大きくCSSとSassについて学ぶChapter1~3と、サンプルサイトの制作プロセスを通じて現場で使えるスキルを養うChapter4の2部構成となっています。


Chpater01 CSSの基本と設計

CSSとはなにか、という話から、CSSの書き方、CSS設計まで解説します。CSS設計ではOOCSS(オーオーシーエスエス)、BEM(ベム)、SMACSS (スマックス)といった手法を解説します。


Chpater02 CSSの基礎知識

CSSを使いこなすために知っておいたいセレクタ、カスケードと継承、詳細度、ボックスモデル、マージンの相殺、デフォルトスタイルシートとリセットCSSなどの事項を取り上げ、解説していきます。


Chapter03 CSSを効率的に書くSass

CSSを管理・運用するのに使われるCSSプリプロセッサの1つ、Sassについて解説します。


Chpater04 サンプルで学ぶCSSコーディング

ここからはサンプルサイトを実際に設計しながら、コーディングのテクニックを学んでいきます。
コーディングガイドラインを考え、サイトの仕様を確認し、サイトで共通で使える部分を検討します。

それが終わったら、レイアウト作成、エレメント作成、コンポーネント作成、と順次デザイン・制作を進めていきます。


-----
本書はなるべく実際に案件に近い形でサンプルコードを作成し、 制作時に抑えておきたいポイントをまとめています。
Web業界の技術のスピード感は早いと言われますが一度スピードに乗ってしまえば、技術のキャッチアップもスムーズに行えるようになります。
本書を読むことで早い段階で「現場で使えるスキル」が身につき、さらにステップアップができるでしょう。
この本が、コーダーを目指す皆様の道しるべとなりますよう、願ってやみません。
(著者まえがきより)


田村章吾 (たむら しょうご)

ましじめ株式会社 代表

HTML&CSSコーダー

福岡県北九州市在住。

物の構造やバックグラウンドを見ることが好きで、自動車整備士の道へ。 その後デジタルハリウッドでWebサイトの制作を学びWeb業界に転職。

制作会社、フリーランスを経て、ましじめ株式会社を設立。

プロジェクトでは主にフロントエンド開発からCMSを利用したWebサイト制作を担当する。

サイトのメンテナンス、CMS構築の情報設計や大規模サイトのCSS設計を得意とする。


※この商品は固定レイアウト型の電子書籍です。
※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
※お使いの端末で無料サンプルをお試しいただいた上でのご購入をお願いいたします。

※本書内容はカラーで制作されているため、カラー表示可能な端末での閲覧を推奨いたします  
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
(概要)
各種講座や書籍でHTML&CSSの学習を終えても、実際の現場では、求められるレベルの業務をこなせない人が少なくありません。デザイナーから渡されたデザインの全体を把握・解釈して、HTML&CSSで書き起こす力が弱い傾向にあります。
本書はWebページのデザインをHTML&CSSで作成するために必要なチカラを身につけて、これまでに学習してきた基礎知識を、Webデザインの現場で「使える力」にレベルアップします。

(こんな方におすすめ)
・Webデザイナー初級者、中級者

(目次)
Chapter 1 デザインからHTML を作る「流れ」
1-1 ゼロからWebページを作る「第一歩」
1-2 HTMLの書式と用語
1-3 CSSの書式と用語
1-4 セレクタと優先順位
1-5 ボックスモデル
1-6 すべてのページに共通するテンプレートを作る
1-7 共通テンプレートをレスポンシブデザイン対応にする
1-8 フォントサイズを調整する
1-9 レスポンシブデザインに対応した画像のスタイル
Chapter 2 レイアウトの大枠を組み立てる
2-1 「ゼロ」からWebページを組み立てるには
2-2 コンテナに分割する
2-3 コンテナのHTMLを書く
2-4 コンテナの幅を設定する
2-5 コンテナの幅を設定する〜ヘッダー、パンくずリスト編〜
2-6 上下の空きスペースを調整する
2-7 コンテナに設定する背景、ボーダーライン
Chapter 3 メインコンテナを組み立てる
3-1 モジュール
3-2 メインコンテナをモジュールに分割する
3-3 グループ化モジュールの特徴と組み込み
3-4 記事タイトル
3-5 見出しと本文
3-6 Webフォントの使用
3-7 テキストを強調するマーカー
3-8 リスト
3-9 画像
3-10 画像+キャプション
3-11 画像にテキストを回り込ませる
3-12 タグとカテゴリー
3-13 テキストの先頭にアイコン
3-14 ボックスに背景画像を適用
3-15 ボックスを囲む
3-16 チャット型のデザイン1 〜ボックスを2つ並べる〜
3-17 チャット型のデザイン2 〜ボックスの大きさ調整・並び順の変更〜
3-18 チャット型のデザイン3 〜要素を円形に切り抜く〜
3-19 タブ付きボックス
Chapter 4 ヘッダーを組み立てる
4-1 ヘッダーは画面サイズでレイアウトが変わる
4-2 ヘッダーをモジュールに分割する
4-3 ロゴとボタンのフレックスボックス構造
4-4 ロゴ
4-5 モバイル向けボタン
4-6 ナビゲーション
4-7 JavaScriptを読み込む
4-8 パンくずリスト
Chapter 5 フッターを組み立てる
5-1 フッターはカラムや行揃えの制御がポイント
5-2 フッターをモジュールに分割する
5-3 複数のバナーを並べる
5-4 ボタンを横に並べる
5-5 ページトップへ戻るボタン
5-6 フッターのロゴとコピーライト
5-7 フッターのナビゲーション1
5-8 フッターのナビゲーション2
Chapter 6 ホームのページを組み立てる
6-1 ホームをコンテナに分割する
6-2 ホームをモジュールに分割する
6-3 ヒーロー画像
6-4 画像に画像を重ねて表示
6-5 キャッチフレーズ
6-6 スタンプ状のテキスト
6-7 カード型レイアウト1〜全体のレイアウト〜
6-8 カード型レイアウト2〜それぞれのカードの中身〜
6-9 メディアオブジェクト
6-10 テーブル形のリスト
Chapter 7 カラムレイアウトとサイドバー
7-1 2カラムレイアウトのコンテナ
7-2 サイドバーをモジュールに分割する
7-3 カードとバッジ
7-4 記事一覧のリスト
7-5 複数の要素で構成されるボックス
Chapter 8 フォームが含まれるページ
8-1 フォームのページのコンテナ
8-2 フォームをモジュールに分割する
8-3 テキストフィールドとメールアドレスフィールド
8-4 メニューリスト
8-5 テキストエリア
8-6 チェックボックス
8-7 送信ボタン
 
内容サンプル
 
ユーザーレビュー
 
   
発売日 2021/07/08
(3.6)
Kindle 250円
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
----------------------------------------------------------------------------
Web界隈やデザイナーに大人気!
Web関連の情報やデザインについて記事が学べる『Webクリエイターボックス』の管理人、
Manaによる渾身のHTML & CSSとWebデザインの実践知識が一気に学べる本
----------------------------------------------------------------------------

ほんの一手間で劇的に変わる!
一歩進んだWebサイト制作の知識が一気に学べる!

・5つのサイトから学べる! 今のWebサイトを作る最新の技術群
・自由な表現ができる! 手描き、斜め、グラデーション、あらゆる装飾の作り方
・今日から使える! 表とグラフ、アニメーションなど、JavaScriptライブラリ
・動画、カスタム変数、Emmet、Sass、問題解決の知識まで

WebクリエイターボックスのManaが教える
Webサイト制作の実践&旬のスキル。
思い描いているものを形にできる魔法の1行が必ず見つかる!

コードも、デザインも、時短術も、全部学べる!


●本書の対象読者
・HTMLとCSSの基礎学習までを終えた人
・Webサイト制作のワンランク上のスキルを学びたい人
・自由な装飾表現を用いてWebデザインを作りたい人
・アニメーションなど動きがあるサイトを作りたい人
・練習問題やお題に挑戦し、成果を皆と共有したい人
・効率よくコードを記述できる方法を知りたい人
・独学で困った際などの問題解決法を学びたい人


●CONTENTS
-----------------------------------------------
CHAPTER 1 最初に知っておこう! Webサイトの基本と必携ツール
CHAPTER 2 「レスポンシブWebデザインとフォント」
CHAPTER 3 ブログサイトで学ぶ「装飾とカラムレイアウト」
CHAPTER 4 コーポレートサイトで学ぶ「表組み、フォーム、JavaScript」
CHAPTER 5 イベントサイトで学ぶ「特定ページの作り方とアニメーション」
CHAPTER 6 ギャラリーサイトで学ぶ「動画と画像の使い方」
CHAPTER 7 HTMLやCSSをより早く、より上手に管理できる方法
CHAPTER 8 サイトの投稿と問題解決  
内容サンプル
 
ユーザーレビュー
とても実践的な良書だと思います。こういうデザインは、こうしたらできる、というように具体的に方法を示してくれます。ただしHTMLとCSSの基礎がわかっていないとチンプンカンプンでしょうから、中級以上向きです。あと外部サイトのデータに頼りがちな部分があり、手っ取り早いのはわかるのですが、うーん、ってところで満点とはいきません。それでも、読者の使い勝手をよく考えてくれているので、買って損はないでしょう。
息子がホームページ作成のための勉強用に購入しました。PC初心者ですが独学で勉強を楽しく進めることができるらしく、あっという間に読み終えてしまいました。
前作のHTMLの本が良かったので、今回新しいこの本も購入しました。色んなタグの使い方やデザインなどを知ることができて本当に有益な本です。
 
   
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
 
内容サンプル
 
ユーザーレビュー
ライトニングケーブルは消耗品として使っています。長時間使用できることを期待しています。
 
   
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
※この商品は固定レイアウト型の電子書籍です。
※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
※お使いの端末で無料サンプルをお試しいただいた上でのご購入をお願いいたします。
※本書内容はカラーで制作されているため、カラー表示可能な端末での閲覧を推奨いたします。


体系的に学ぶHTMLとCSSの仕様と実践

フロントエンドエンジニアはじめ、Web制作に関わっている人のためのHTML5/CSS3ガイドブックです。
HTMLとCSSの最新仕様を整理するとともに、主要ブラウザの対応状況など、現時点でどのポイントに留意して制作を進めていけばよいか、現場で必要不可欠な情報を解説しています。
また、フレキシブルボックスレイアウトやグリッドレイアウトなど、現在知っておくべきHTML+CSSレイアウトの手法についても、詳細に解説しています。

-----
HTMLは標準仕様がW3C の手を離れ、WHATWG の「HTML Living Standard」に一本化されたことから、ブラウザ開発者目線での変更が直接反映される世界になっています。その影響は、JavaScript とセットになって活きてくるものが増えてきたことからも見て取れます。
CSSも、各種機能の追加や主要ブラウザでの対応が進んでいます。新しいEdge の登場により、IE が主要ブラウザから外れたのも大きいと言えるでしょう。使える便利な機能が増えていることで、Web のデザインやレイアウトの手法は大きく変わろうとしています。
そこで、本書では最新のHTMLとCSSを現状に即して1冊にまとめました。
(著者はじめにより)
-----

【内容】
Chapter 1 HTML
Chapter 2 Webページの作成とメタデータ
Chapter 3 コンテンツのマークアップ
Chapter 4 CSSの適用
Chapter 5 ボックスのレイアウト
Chapter 6 フレキシブルボックスレイアウト
Chapter 7 グリッドレイアウト
Chapter 8 テーブル
Chapter 9 テキスト
Chapter 10 エンベディッド・コンテンツ
Chapter 11 フォーム
Chapter 12 特殊効果

簡潔にして詳細な、制作現場に必携の1冊となっています。

【特典付き】
・書籍内で解説に使用したサンプルソースコード
・特典PDF
  (HTMLのブラウザ対応一覧、CSSのブラウザ対応一覧、アニメーション補足解説)


●著者
エビスコム
さまざまなメディアにおける企画制作を世界各地のネットワークを駆使して展開。コンピュータ、インターネット関係では書籍、デジタル映像、CG、ソフトウェアの企画制作、WWWシステムの構築などを行う。
主な編著書: 『Webサイト高速化のための 静的サイトジェネレーター活用入門』マイナビ出版刊
『CSSグリッドレイアウト デザインブック』同上
『6ステップでマスターする「最新標準」HTML+CSSデザイン』同上
『WordPressレッスンブック 5.x対応版』ソシム刊
『フレキシブルボックスで作るHTML5&CSS3レッスンブック』同上
『CSSグリッドで作るHTML5&CSS3レッスンブック』同上
『HTML&CSS コーディング・プラクティスブック 1』エビスコム電子書籍出版部刊
『HTML&CSS コーディング・プラクティスブック 2』同上
『HTML&CSS コーディング・プラクティスブック 3』同上
『グーテンベルク時代のWordPressノート テーマの作り方(入門編)』同上
『グーテンベルク時代のWordPressノート テーマの作り方(ランディングページ&ワンカラムサイト編)』同上
ほか多数  
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
本書は、ウェブエンジニア向けに書いたHTML/CSSの入門書です。パソコンがあれば読むことができます。
本書に事前知識は全く必要ありません。コードの書き方から、作ったウェブサイトの見方まで、パソコン自体初心者という方にも実践できるように解説しています。

HTML/CSSの入門書は数多く出版されていますが、ウェブ制作をしたい方むけの内容になっているものが多く、ウェブエンジニア を目指す方には、帯に短し襷に長しという感じでした。
特に、フォームに関してのcssやaction属性がどのような役割を持つのかなど、ウェブ開発では必須であるのに、フォームの作り方自体が載っていないことがほとんどです。

そこで、実際にプログラミングスクールで指導している中で、生徒さんがつまづいたポイントや、ウェブ開発までに知っておいて欲しいポイントをまとめたのが本書です。

本書では、最終章で皮膚科のウェブ予約システムの画面を作成していただくのですが、このサイトは実際に現在も運用されているサイトのデザインを少々変えたものですので、非常に実践的な演習となっています。
もちろん、つまづくところがないように、丁寧に解説しています。

【目次】

1. はじめに
本書での学び方や、作成するサイトの紹介です

2. なぜHTMLを学ぶのか
ウェブ開発になぜHTMLが必要なのかをお話ししています。

3. 準備と動かし方
必要なソフトウェアのインストールや各種設定
ウェブサイトの見方を解説しています

4. タグの意味を理解しよう
よく使うタグを使用例とともに解説しています

5. タグを組み合わせる
HTMLだけで簡単なサイトを作ります
また、cssを書かないと、いかに見にくいかを見ていただきます。

6. cssを使った装飾
セレクタやプロパティなど基本的な構文について解説しています

7. ボックスモデル
HTMLのボックスモデルやmargin, paddingの違いなど
初心者がつまづくポイントを解説しています

8. パーツを作ろう
HTML/CSSを組み合わせて、ボタンやリストなどのパーツの作り方を学びます

9. flexbox
css3から導入されたflexboxについて解説しています
横並びのデザインが簡単に作れるようになります

10. コンポーネント
パーツを組み合わせて、より大きな塊を作る方法を学びます

11. ウェブサイトを作ってみよう
架空の皮膚科のウェブ予約システムの画面を作っていきます

12. 今後の勉強の仕方
もっと勉強したいという方へ、勉強方法や本書で解説していない
技術の触り部分を紹介しています。

13. 開発者ツールの使い方
どんなサイトのコードも見ることができる
開発者ツールの使い方や画面の見方、開発への活かし方を解説しています。  
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
 
内容サンプル
 
ユーザーレビュー
デザインの参考者として購入しました。デザインを勉強している学生さんや、現役のデザイナーさんにオススメです。
 
   
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
デザインカンプと指示書に従い、Webページをコーディングしてみる実践シリーズです。
第3弾はAdobe XDで作成された和風テイストなサイトのデザインカンプに従い、ダークモード対応を含めて、「どうしてこのように設定するのか?」を踏まえながらコーディングしていきます。


■ デザインカンプ(XDデータ)と作例はダウンロードデータに同梱してあります。

■ デザインカンプに従い、ダークモード対応を行います。

■ ダークモードにはJavaScriptで対応し、切り替えスイッチも用意します。

■ レイアウトにはFlexbox(フレキシブルボックス)を使用します。

■ IE11 には 「Polyfill なし」 で対応します。

■ モバイルファースト & レスポンシブ で作成します。

■ 難易度はレベル3(5段階・当社比)です。

デザインカンプのイメージや作例(ページの完成形)については、本ページに用意された「なか見!検索」や「無料サンプル」でご覧いただけます。

〈もくじ〉
▼デザインカンプと指示書
・ デザインカンプ
・ 指示書

▼作例
・ STEP 1 デザインカンプの解析
・ STEP 2 コーディングの準備
・ STEP 3 ダークモード対応[基本]
・ STEP 4 ダークモード対応[画像]
・ STEP 5 モード切り替えスイッチの追加
・ STEP 6 パーツの設定[ヘッダー]
・ STEP 7 パーツの設定[写真一覧]
・ STEP 8 パーツの設定[フッター]
・ STEP 9 仕上げと最終チェック


▼APPENDIX
・ Adobe XDで値を確認する方法
・ Netlifyでサイトを公開する方法


〈フォーマット〉
・ プリント・レプリカ形式
・ 全162ページ
・ B5判相当(182 x 257 mm)

〈出版情報〉
・ 2020年7月23日 初版発行


=======================================

※書籍のレイアウトは電子書籍用に単ページで読みやすいように構成し、Kindleの「プリント・レプリカ」形式でリリースしています。

※プリント・レプリカ形式は無料のKindleアプリ(PC、Mac、Android、iOS用)やFireタブレットでご利用いただけます。Kindle Paperwhiteなどの電子書籍リーダーやKindle Cloud Readerでは利用できません。対応デバイスをご確認のうえ、ご利用ください。

※本文中のリンク、文字列のハイライト、検索、辞書の参照、引用については、一部機能しない場合があります。文字だけを拡大することはできません。
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
HTMLとCSSの使い方を、目的引き、やりたいこと引きでまとめたリファレンスです。HTML&CSSの基本から、テキスト、リンク、リストやメニュー、入力フォーム、レイアウト、レスポンシブ対応など、目的ごとにタグやプロパティの使い方を詳しく解説しているので、「こんなことをしたい! 」というときにすぐに調べられます。現在ホームページ制作を学んでいる方にも、Webデザイナーとして活躍している方にもおすすめの1冊です。  
内容サンプル
 
ユーザーレビュー
デザインの参考者として購入しました。デザインを勉強している学生さんや、現役のデザイナーさんにオススメです。
Webコーディングの教材として購入。逆引き辞典なので事例から引けるのがとても分かりやすく、購入してよかった。
 
   
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
発売日 2020/04/13
(1)
Kindle 800円
本書の内容
今日、Webは私たちの生活にとって欠かせないものとなっています。HTMLやCSSは、Webページを作成するために使われる技術です。仕事や日常の中のさまざまな場面でWebに関わる私たちにとって、HTML/CSSは重要な技術となっています。
本書はHTML/CSSの知識をわかりやすく解説するようにこころがけました。Webになじみのない方にとっても、無理なく勉強できるように構成されています。
本書にはたくさんのサンプルが掲載されています。実際に自分でWebページを作成し、表示を確認しながら読み進めることができます。学んだ知識をWebサイトの制作・開発に生かしていくためのアイデアやヒントを得ることもできるでしょう。

本書が読者のみなさまのお役にたつことを願っております。

著者


 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
CSS設計の考え方と実践法が身につく

CSS設計は多くの現場で導入されていますが、いまだに悩みがつきません。プロジェクトの大小や性質によって最適解も変わってきます。
そこで本書は、CSSのさまざまな設計手法を紹介しつつ、考え方や実践のポイントを明確化します。そのうえでボタン、ラベル、カード、テーブル…といったウェブの定番的なモジュールを網羅的に取り上げ、さらにはそれらの組み合わせ方まで、実践的なコードを紹介します。
代表的な設計手法である「BEM」と、著者が開発した設計手法「PRECSS」によって対比的な解説を加えており、思考をなぞることで最適解が炙り出されることでしょう。
駆け出しのウェブ開発者、フロントエンドエンジニアの方に、ぜひ読んでいただきたい1冊です。  
内容サンプル
 
ユーザーレビュー
娘用に買いました。 CSS設計についてしっかり学びたかったらしく、よく調べて購入を希望していました。娘にとってはとても良かったようです。最初に使用するには良い参考書だと思います
煩雑になりがちなCSSのまとめ方がとても参考になりました
書かれている内容は良いのですが、まとめ方、文章力、掲載方法等に、工夫が必要。
 
   
本書の内容
この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。

〈電子書籍版に関する注意事項〉
本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なりますので、ご購入前にお使いの端末にて「無料サンプル」をお試しください。

【プロとして「独り立ち」するために、1日30分からはじめる!】

本書は、Webサイトをイチから作ることで、HTML+CSSの基本から応用までを習得していく教科書です。「1日30分からはじめる」をテーマに、Web制作にかかわる知識や技術を解説した「ちゃんとしたプロになる」シリーズの2冊目となります。

本書で学べることは、主に次の3つです。

1つめは、「いま」のWebデザインと現場での実制作の流れ。いま主流のレイアウトや表現手法、制作技術やツールといった、現場でプロとして活躍するためにベースとなる知識を習得できます。

2つめは、HTMLとCSSの基礎。HTML・CSSのごく初歩的な書き方から解説しており、本格的なソースコードを書くのは初めてという方にもわかりやすい内容になっています。

そして、3つめが実際にWebサイトを作るノウハウ。1つのHTMLファイルで完結するシンプルなWebページから、モバイルファーストで設計しFlexboxやCSS Gridといった流行りの手法を取り入れたものまで。タイプや難易度の異なる5つのサイトを作りながら、表現の幅を広げていきます。

本書を通じて、プロとして「独り立ち」するために礎となる力が身につくはずです。

〈こんな方にオススメ〉
・HTML+CSSを本格的に学んでみたい方
・Webデザイナーやマークアップエンジニアを目指す方
・Webサイトを自分の手で作り上げてみたい方

〈本書の特長〉
・作りながら覚えることで、学んだことをすぐに実践できる
・記事ごとに学習時間の目安を設けており、学習教材としても利用しやすい
・大学や専門学校で教えている現役の先生たちが、ていねいに解説している

〈本書の内容〉
■Lesson 1 Webデザインの“いま”
■Lesson 2 Webサイトを制作する準備
■Lesson 3 HTMLとCSSの基礎
■Lesson 4 HTMLとCSSの応用
■Lesson 5 シンプルなWebページを作る
■Lesson 6 シングルページのサイトを作る
■Lesson 7 Flexboxを使ったサイトを作る
■Lesson 8 CSS Gridを取り入れる
■Lesson 9 レスポンシブ対応サイトを作る  
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
手元に置いて引きやすい定番のHTMLとCSSの事典が、
最新仕様に準拠しリニューアル!


本書は、HTML Living Standardの仕様に準拠した要素(タグ)と、
主要なブラウザーで動作するCSS3およびCSS4のプロパティをすべて掲載しています。

手元に置いておきやすいコンパクトなB6判で、
目次のほかに要素名・プロパティ名のインデックスもあるので、
必要な情報をサッと調べることができます。

◆要素・プロパティごとの使い方が分かる!
サンプルコードを豊富に掲載


本書では、
・HTMLの要素に使用できる属性
・CSSのプロパティに指定できる値
を掲載しています。
また、ほとんどの要素やプロパティに個別のサンプルコードを掲載し、
使用例が分かるようになっています。
サンプルコードは、読者限定でダウンロードも可能です。

◆100個以上のプロパティやセレクターを追加!
「グリッドレイアウト」やCSS4のモジュールにも対応


最近のWebページのレイアウトに使われることが多い、
「グリッドレイアウト」に関連するプロパティを掲載しています。
また、ブラウザーで動作するCSS4のモジュールにも対応し、
新たに追加されたセレクターなども掲載しています。


※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
購入前にお使いの端末で無料サンプルをお試しください。  
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
※この商品は固定レイアウト型の電子書籍です。
※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
※お使いの端末で無料サンプルをお試しいただいた上でのご購入をお願いいたします。

※本書内容はカラーで制作されているため、カラー表示可能な端末での閲覧を推奨いたします。


これ1冊で「Webページ制作からサーバーの開発」までわかる!

日本初のMac専門月刊誌「Mac+」の頃から主にMac系雑誌に寄稿する。ハイパーカードの登場により「ビギナーのためのプログラミング」に開眼。以降、Mac、Windows、Web、Android、iPhoneとあらゆるプラットフォームのプログラミングビギナーに向けた書籍を執筆し続ける。●目次
Chapter 1 Webプログラミングを始めよう
Chapter 2 HTML/CSSを学ぼう
Chapter 3 JavaScriptを学ぼう
Chapter 4 Node.jsを学ぼう
Chapter 5 Expressフレームワークを学ぼう
Chapter 6 データベースを使おう
Chapter 7 本格Webアプリを作ろう


●著者
掌田 津耶乃(しょうだ・つやの)
日本初のMac専門月刊誌「Mac+」の頃から主にMac系雑誌に寄稿する。ハイパーカードの登場により「ビギナーのためのプログラミング」に開眼。以降、Mac、Windows、Web、Android、iPhoneとあらゆるプラットフォームのプログラミングビギナーに向けた書籍を執筆し続ける。  
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
デザインカンプと指示書に従い、Webページをコーディングしてみる実践シリーズです。
第2弾ではAdobe XDで作成されたカフェ系サイトのデザインカンプを元に、カンプの解析、パーツの抽出を行い、「どうしてこのように設定するのか?」を踏まえながらコーディングしていきます。


■ デザインカンプ(XDデータ)と作例はダウンロードデータに同梱してあります。

■ レイアウトにはFlexbox(フレキシブルボックス)を使用します。

■ IE11 にも対応します(Polyfill も使用します)。

■ モバイルファースト & レスポンシブ で作成します。

■ 難易度はレベル4(5段階・当社比)です。

詳細についてはエビスコムのサイトでご確認ください。

デザインカンプのイメージや作例(ページの完成形)については、本ページに用意された「なか見!検索」や「無料サンプル」でもご覧いただけます。

〈もくじ〉
▼デザインカンプと指示書
・ デザインカンプ
・ 指示書

▼作例
・ STEP 1 デザインカンプの解析
・ STEP 2 コーディングの準備
・ STEP 3 パーツの設定 [ヘッダーとヒーローイメージ]
・ STEP 4 パーツの設定 [コンテンツとフッター]
・ STEP 5 パーツの設定 [こだわりメニュー]
・ STEP 6 パーツの設定 [お知らせ]
・ STEP 7 パーツの設定 [営業時間]
・ STEP 8 パーツの設定 [カフェ情報]
・ STEP 9 仕上げと最終チェック

▼APPENDIX
・ Adobe XDで値を確認する方法

〈フォーマット〉
・ プリント・レプリカ形式
・ 全130ページ(初版 ver.1.1)
・ B5判相当(182 x 257 mm)

〈更新情報〉
・ 2020年2月10日 初版 ver.1.1 発行(IE対応を補足、APPENDIX「Adobe XDで値を確認する方法」を追加)
・ 2020年1月14日 初版発行


=======================================

※書籍のレイアウトは電子書籍用に単ページで読みやすいように構成し、Kindleの「プリント・レプリカ」形式でリリースしています。

※プリント・レプリカ形式は無料のKindleアプリ(PC、Mac、Android、iOS用)やFireタブレットでご利用いただけます。Kindle Paperwhiteなどの電子書籍リーダーやKindle Cloud Readerでは利用できません。対応デバイスをご確認のうえ、ご利用ください。

※本文中のリンク、文字列のハイライト、検索、辞書の参照、引用については、一部機能しない場合があります。文字だけを拡大することはできません。  
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
デザインカンプと指示書に従い、Webページをコーディングしてみる実践シリーズです。
第1弾ではAdobe XDで作成されたコーポレート系サイトのデザインカンプを元に、カンプの解析、パーツの抽出を行い、「どうしてこのように設定するのか?」を踏まえながらコーディングしていきます。


■ デザインカンプ(XDデータ)と作例はダウンロードデータに同梱してあります。

■ レイアウトにはFlexbox(フレキシブルボックス)を使用します。

■ IE11 には 「Polyfill なし」 で対応します。

■ モバイルファースト & レスポンシブ で作成します。

■ 難易度はレベル2(5段階・当社比)です。

詳細についてはエビスコムのサイトでご確認ください。

デザインカンプのイメージや作例(ページの完成形)については、本ページに用意された「なか見!検索」や「無料サンプル」でもご覧いただけます。

〈もくじ〉
▼デザインカンプと指示書
・ デザインカンプ
・ 指示書

▼作例
・ STEP 1 デザインカンプの解析
・ STEP 2 コーディングの準備
・ STEP 3 パーツの設定 [ヘッダー]
・ STEP 4 パーツの設定 [ヒーローイメージ]
・ STEP 5 パーツの設定 [メッセージ]
・ STEP 6 パーツの設定 [サービス]
・ STEP 7 パーツの設定 [お問い合わせ]
・ STEP 8 パーツの設定 [フッター]
・ STEP 9 パーツの設定 [ナビゲーションメニュー]
・ STEP 10 仕上げと最終チェック

▼APPENDIX
・ Adobe XDで値を確認する方法

〈フォーマット〉
・ プリント・レプリカ形式
・ 全125ページ(初版 ver.1.1)
・ B5判相当(182 x 257 mm)

〈更新情報〉
・ 2020年2月10日 初版 ver.1.1 発行(APPENDIX「Adobe XDで値を確認する方法」を追加)
・ 2020年1月14日 初版発行


=======================================

※書籍のレイアウトは電子書籍用に単ページで読みやすいように構成し、Kindleの「プリント・レプリカ」形式でリリースしています。

※プリント・レプリカ形式は無料のKindleアプリ(PC、Mac、Android、iOS用)やFireタブレットでご利用いただけます。Kindle Paperwhiteなどの電子書籍リーダーやKindle Cloud Readerでは利用できません。対応デバイスをご確認のうえ、ご利用ください。

※本文中のリンク、文字列のハイライト、検索、辞書の参照、引用については、一部機能しない場合があります。文字だけを拡大することはできません。
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
 『テトリス』や『ぷよぷよ』に類似した落ち物パズルゲームの全コードを掲載して解説した本です。HTML5+JavaScriptで、フルスクラッチで開発しています。サンプルとして『Cthulhu Drop』という、落ち物パズルゲームが付属します。

 実際に遊べる落ち物パズルゲームを試しながら、その中身を確認できる技術書です。シンプルなコードなので理解しやすいです。

 サンプルゲーム『Cthulhu Drop』の紹介もします。横2列、縦1~3列のブロックが落ちてきます。落下物は時計回り、反時計回りに回転できます。

 落下後、重力に従ってブロックは落下します。そして、縦横斜めに3ブロック以上連続していると消去できます。また、消えたブロックに隣接する同種のブロックも消滅します。連鎖が終了するまで、消え続けます。

 本書を通して、ゲーム開発の勘所をつかんでいただければと思います。


-目次-

前書き
第1章 全体像
  1-1 作る「落ち物パズルゲーム」の仕様
  1-2 キー操作
  1-3 ファイル構造
  1-4 大まかな分類
  1-5 js-game/nest.js
  1-6 シーンのファイルの構造
第2章 HTML、CSS、main.js他
  2-1 index.html
  2-2 css/main.css
  2-3 js-main/main.js
第3章 タイトル シーン
  3-1 js-main/scn.titile.js
第4章 ドロップ シーン
  4-1 js-main/scn.drop.js
第5章 描画処理
  5-1 js-main/draw-core.js
  5-2 js-main/draw-dropping.js
  5-3 js-main/draw-ef.js
  5-4 js-main/screenshot.js
第6章 ゲーム処理
  6-1 js-main/drop-core.js
  6-2 js-main/drop-input.js
  6-3 js-main/drop-utl.js
  6-4 js-main/drop-stuff.js
  6-5 js-main/drop-erase.js
  6-6 js-main/drop-erase-search.js
  6-7 js-main/drop-erase-expand.js
第7章 ゲーム基本関数
  7-1 js-game/game.core.js
  7-2 js-game/game.anim.js
  7-3 js-game/game.canvas.js
  7-4 js-game/game.view.js
  7-5 js-game/game.ui.js
第8章 リソース管理関数
  8-1 js-game/resouce.image.js
  8-2 js-game/resouce.font.js
  8-3 js-game/resouce.sound.js
後書き  
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。

本書は、CSSのフレキシブルボックス(Flexbox)を利用してWebページ制作を行うレッスンブックです。

長い間、Webページ制作ではCSSのフロート(Float)が利用され、「ボックスの相互の位置関係でデザインやレイアウトを形にしていく」というノウハウが蓄積されてきました。

フレキシブルボックスはこうしたノウハウをブラウザの互換性や制作手順、考え方も含めて引き継いでいます。
また、フロートで不便だった部分には手が加えられ、いよいよ完成形にたどり着いたと言えるでしょう。

はじめてWebページを作る方にも、今どきのページ制作の基礎を学びなおしたいといった方にも、本書を活用していただければ幸いです。

-「はじめに」より  
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
Web関連技術の進歩は目覚ましく、とどまるところを知りません。CSS3になり、本来「デザイナーに画像を作ってもらう」ことでしか対応できなかった表現が、どんどんCSSで実現できるようになってきています。本書はCSSで様々な図形を作り、キャラクターを描き、あたかもRPGのボスキャラに挑むように学習をすすめることができるチュートリアルガイドです。
【目次】
第1章 開発環境を作る
1.1 ブラウザーを開発環境にする(Windows)
1.2 ブラウザーを開発環境にする(Mac)
1.3 Web Maker を追加する(Windows/Mac共通)
第2章 さっそく作ってみる
2.1 Web Makerで作る
2.2 CodePenで作る 1
2.3 CodePenで作る 2
2.4 CodePenの便利な機能
第3章 CSS図形の基本スキルを獲得する
3.1 正方形
3.2 角丸正方形
3.3 正円
3.4 扇形
3.5 角丸長方形
3.6 楕円
3.7 楕円扇形
3.8 台形
3.9 三角形
3.10 直角三角形
3.11 正三角形
3.12 平行四辺形
3.13 菱形
3.14 二等辺三角形
第4章 全力で挑むボス戦
4.1 海のボス - キングクラブ
4.2 空のボス - ハミングバード
4.3 陸のボス - カメレオン  
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
本書は、最新のHTMLであるHTML5でホームページを作成するための入門書です。

1 ホームページを作成する手順 4
2 ホームページを見るには 5
3 HTMLのバージョン 6
4 タグはHTMLの命令 7
5 スタイルシート(CSS) 11
6 CGIとは 12
7 ホームページを作成するには 15
8 テキストエディタでホームページを作成する 16
9 タグ編集型HTMLエディタでホームページを作成する 17
10  WYSIWYG型HTMLエディタ 19
11 ワープロでHTML文書を作る 21
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。

〈電子書籍版に関する注意事項〉
本書は固定レイアウト型の電子書籍です。リフロー型と異なりビューア機能が制限されるほか、端末によって見え方が異なりますので、ご購入前にお使いの端末にて「無料サンプル」をお試しください。

【1日30分からはじめる! プロを目指す人の新・スタンダード。】

WebデザインやHTML・CSSの学習を「1日30分からはじめる」をテーマに、やさしくしっかり解説した書籍。初学者の方が、プロのWebデザイナーを目指す上で必要となる基本的な知識や技術を体系的に学べます。“ちゃんとしたプロ”のWebデザイナーとしてスタート地点に立つために、最初に選んでいただきたい1冊です。

Webサイトの実制作のフローに沿い、本書の解説では、Webデザインの概論と制作に必要となるツールや素材・配色について学んだあと、HTML・CSSの基礎と実践を習得し、サイトの公開や運用に関する知識を身につけます。HTML・CSSの書き方を初歩から教えるだけにとどまらず、サイトを制作し、公開・運用していくために必要な基本知識をすべて解説しています。

また、各記事ごとに学習時間の目安を記載しており、授業や独習で学習教材として活用しやすい作りを目指しました。HTML・CSSの実践部分でサンプルサイトとして制作するのは、シングルページのシンプルなお店のサイトと、モバイルファーストの手法を取り入れたサイトの2つです。サンプルは学習用データとしてダウンロード提供します。

〈こんな方にオススメ〉
・初学者からプロのWebデザイナーやマークアップエンジニアを目指す方
・Webデザイン制作やHTML・CSSの知識を身につけたい方
・WebデザインやHTML・CSSの基本情報をアップデートしたい方

〈本書の章構成〉
○Lesson1 Webサイトの成り立ち
○Lesson2 Webサイトの枠組みを知る
○Lesson3 Webデザインに必要な素材
○Lesson4 HTMLをマスターする
○Lesson5 CSSをマスターする
○Lesson6 シングルページのサイトを作る
○Lesson7 レスポンシブ対応サイトを作る
○Lesson8 Webサイトを公開してみよう
○Lesson9 SNS連携とWebサイトの運用  
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
ネイティブに負けない本格的なスマホゲームの制作手法が学べる!

ブラウザゲームは、Flash時代にさまざまなゲームが登場し興隆を極めましたが、ここ数年「HTML5&JavaScript」への移行が進み、ゲーム会社各社から本格的なスマホゲームが続々登場したことで、再び注目を集めています。
本書は、enzaのHTML5ゲーム開発に関わった著者が、そこで培われたHTML5ゲーム開発のノウハウを公開した1冊です。

開発環境としては、JavaScript高級言語として利用者の多い「TypeScript」と、2Dレンダリングライブラリ「PIXI.js」を用いて、タワーディフェンス型の本格的なスマホゲームの制作過程を順を追って解説しています。ステップごとの開発工程はGitHubにて公開しており、必要なソースコードをダウンロードして実際に試しながら、学習を進めることができます。

HTML5でのゲーム開発では、Unityなどのゲームエンジンを用いたネイティブゲーム開発とは異なり、ブラウザやサーバーとのやりとりに関する知識が必要になります。本書では、ゲーム開発で必要なそれらの知識もコンパクトにまとめています。また、Chromeを使ったデバッグや、パフォーマンスの最適化など、ゲームをリリース品質するために必要な情報も解説しました。
 
内容サンプル
 
ユーザーレビュー
 
   
本書の内容
●知識ゼロでもはじめられる入門書の決定版ホームページの仕組みや構成の考え方など基礎的な知識はもちろん、FTPソフトを使ったホームページの公開やメンテナンスを解説。もちろん、HTMLやCSSのコーディングもしっかりと解説しています。●HTMLやCSSのタグ、プロパティを丁寧に解説HTMLやCSSのコーディングを解説した章では1つ1つのタグやプロパティを効率的に学べます。順序よく読み進めていけば、自然とスキルアップが