※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 Webサイト制作の決定版がリニューアル！ 今のWebサイトの作り方が一気に学べる！ Web界隈やデザイナーに大人気！ Web関連の情報やデザインについて記事が学べる『Webクリエイターボックス』の管理人、 Manaによる渾身のHTML ＆ CSSとWebデザインが学べる本 モバイルファースト、アニメーション、トレンドデザイン、HTML Living Standard、WebPなど 最新の情報や5年間の間に更新された情報を多数追加！ 5年連続売上第1位、シリーズ累計40万部 ・知識ゼロから体系的に学べる！　HTMLとCSSの基本 ・絶対に覚えておきたい技術！　レスポンシブ、モバイルファースト、Flexbox、アニメーション ・手を動かしながら学べる！　プロの現場で役立つテクニック ・コードの知識からデザインのことまで1冊ですべて学べる！ WebクリエイターボックスのManaが教える Webサイト制作の定番＆旬のスキル。 この1冊で必要なことがすべて学べる！ コードもデザインも全部学べる！ ●本書の対象読者 ・これからWebサイトを作り始める初心者 ・HTMLとCSSを基本から学びたい人 ・美しいデザインのWebサイトを作りたい人 ・Webの最新技術を学びたい人 ・手を動かし、作りながら学びたい人 サンプルデータはWebサイトよりダウンロードできます。 ※カバー画像が異なる場合があります。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【HTMLとCSSのタグの独学に最適な一冊】 好評いただいた「例題30＋演習問題70でしっかり学ぶ　HTML＋CSS標準テキスト」の改訂版です。本書は、HTMLの主要なタグの使い方を例題を通してわかりやすく紹介し、HTML＋CSSによるWebサイトの作成法から公開までを解説する書籍です。改訂で、HTMLのバージョンを「HTML Living Standard」に対応させ、Webのスマホ対応に必要なレスポンシブデザインの解説も追加しました。節末には実力アップのための演習問題も用意しています。例題＆演習問題で、習熟度の確認・弱点チェックができ、HTMLの基本をしっかり身に付けることができます。 ■目次 ●PART1 HTMLとは何か ──Lesson1 HTMLの定義 ──Lesson2 HTMLの歴史 ──Lesson3 HTMLのバージョン ──Lesson4 Webページが見える仕組みと公開手順 ●PART2 HTMLの基本構造 ──Lesson1 DOCTYPE宣言 ──Lesson2 html、head、bodyタグ ──Lesson3 メタタグ ──Lesson4 セクションタグ ●PART3 基本的なHTMLタグ ──Lesson1 ヘッダータグ ──Lesson2 段落と改行タグ ──Lesson3 強調タグ ──Lesson4 引用タグ ●PART4 リンクと画像 ──Lesson1 ハイパーリンク ──Lesson2 相対リンクと絶対リンク ──Lesson3 画像を利用するための準備 ──Lesson4 画像ファイルを用意する ──Lesson5 画像の表示 ●PART5 リストの作成 ──Lesson1 順序付きリスト ──Lesson2 順序なしリスト ──Lesson3 定義リスト ──Lesson4 ネストされたリスト ●PART6 テーブルの作成 ──Lesson1 テーブルタグ ──Lesson2 ヘッダーとデータセル ──Lesson3 行と列 ──Lesson4 セルの結合 ●PART7 フォームの作成 ──Lesson1 フォームタグ ──Lesson2 タイプ属性とテキストエリアタグ ──Lesson3 入力を補助する機能 ──Lesson4 バリデーション ●PART8 CSSとは何か ──Lesson1 CSSの定義 ──Lesson2 CSSの歴史 ──Lesson3 CSSをHTMLで読み込むには ●PART9 CSSセレクタとプロパティ ──Lesson1 CSSセレクタ ──Lesson2 プロパティと値 ──Lesson3 コメント ──Lesson4 カラー ●PART10 CSSレイアウト ──Lesson1 フロートとクリア ──Lesson2 フレックスボックス ──Lesson3 グリッドレイアウト ●PART11 レイアウトとポジショニング ──Lesson1 ボックスモデル ──Lesson3 ディスプレイプロパティ ──Lesson3 ポジショニング ●PART12 CSSアニメーション ──Lesson1 アニメーションの基本 ──Lesson2 トランジション ──Lesson3 アニメーションのパフォーマンス ●PART13 レスポンシブデザインの基本 ──Lesson1 メディアクエリ ──Lesson2 ビューポート ──Lesson3 フレキシブルな指定 付録1 Visual Studio Codeの導入方法 付録2 キーワードで指定できる色一覧 ■著者プロフィール 株式会社イー・スペース：1998年に「スタジオイー・スペース」として創業。インタラクティブコンテンツの制作から、広告やエデイトリアルなどの紙媒体のデザイン、執筆、店舗プロデュースなど、メディアの枠を超えた幅広い案件を手がける。2013年、事業承継を機に分社化。WEB制作部門は「ネットメディア運営のパートナーカンパニー」として事業領域を再定義し、長期にわたるWEB関連サポート業務に注力することで2018年からはフルリモートでのワークスタイルを実現。新型コロナウイルス感染症に際しても堅実に顧客サービスを提供し続けている。著書には、「Photoshopレッスンブック」「はじめてのDreamweaverドリル」「Web制作新人育成ガイド」など、初心者・入門者向けのものが多く、スクールの教材開発支援も行う。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 大好評！　HTMLとCSSのよく使われるタグ，プロパティに内容をしぼったリファレンスです。最新ブラウザとHTML Living Standardの仕様に対応して改訂しました。目的別だから使いやすく，引きやすい。あのタグ，どう書くんだっけ？というときにサッと調べられます。サンプルもシンプルで，わかりやすくて，しかも楽しい。ポケットサイズだから机の上でかさばらず，持ち運びやすい。開発業務で必要な方だけでなく，WordPressサイトなどのブログ，Webサイトを運営している方にもおススメです。

【「わからない」とは絶対言わせない！】 本書はCSSの仕組みや書き方、考え方をていねいに解説した入門書です。Webサイト（ホームページ）作成の初心者の方がCSSを書くときに、一番難しい点のひとつが「どこを変えるか」を見つけることです。そのため本書の解説では、CSSの書き方や使い方だけではなく、「変えたい場所の探し方」（HTMLと組み合わせたCSSの読み方、セレクタの使い方）を理解し、身につけてもらうことに重点を置いています。 全体は11章構成になっており、1～3章ではHTML、CSSやWebサイトの基本を紹介しています。4～8章では「文字のサイズを変える」「背景の色を変える」など、目的別にCSSの書き方、プロパティの使い方を解説。9～11章は実践編となり、すでにでき上がっているWebサイト・ブログを題材にして、デザインの一部をカスタマイズする方法を解説しています。なお、本書のサンプルデータ（ダウンロード提供）は、完成ファイルをお手本に、練習ファイルを作成していく形式です。Webサイトやブログのデザインをカスタマイズしたい方、CSSをゼロからしっかり学びたい方に最適な内容となっています。

※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。 また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。 端末により、見開き表示で、左右が逆になる場合があります。 スマートフォン対応サイトではじめるまったく新しい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の基本を身につけたい」方はぜひ本書をお読みください。

※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 ---------------------------------------------------------------------------- Web界隈やデザイナーに大人気！ Web関連の情報やデザインについて学べる『Webクリエイターボックス』の中の人、 Manaによる渾身のHTML＆CSSとWebデザインが学べる本 ---------------------------------------------------------------------------- Webサイト制作に必要な知識がすべて身につく！ 今のWebサイトの作り方が一気に学べる！ ・知識ゼロから体系的に学べる！　HTMLとCSSの基本 ・最新の技術に対応！　レスポンシブ、Flexbox、CSSグリッド ・手を動かしながら学べる！　プロの現場で役立つテクニック ・コードの知識からデザインのことまで1冊ですべて学べる！ WebクリエイターボックスのManaが教える Webサイト制作の定番＆旬のスキル。 この1冊で必要なことがすべて学べる！ コードもデザインも全部学べる！ ●本書の対象読者 ・これからWebサイトを作り始める初心者 ・HTMLとCSSを基本から学びたい人 ・美しいデザインのWebサイトを作りたい人 ・Webの最新技術を学びたい人

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 HTMLってなんだろう？CSSってなんだろう？と思っているあなたでも、1週間でスマホ用Webページがちょっとだけ作れるようになる！ Webページを作ってみようと思って、いろいろな本を読んで勉強してみたのだけれども、よく分からない…理解できない…。そんな方にオススメの1冊! 本書を読み進めながら、一緒にサンプルソースコードを入力してみることで、HTMLとCSSの基礎が分かるようになり、ちょっとだけWebページが作れるようになります。 本書後半では、少し高度なWebページ作成も解説しています！ 途中で読むことを挫折しないよう、ゆるいペースでナビゲートします! ▼目次 1日目 はじめの一歩 2日目 HTMLの構造とさまざまなタグ 3日目 スタイルシート 4日目 ボックスモデル 5日目 Webページのレイアウトを作る 6日目 覚えておきたい知識・Webサイトを作る 7日目 Webアプリ・CMS・BootstrapによるWebサイト制作

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 HTMLとCSSの使い方を、目的引き、やりたいこと引きでまとめたリファレンスです。HTML＆CSSの基本から、テキスト、リンク、リストやメニュー、入力フォーム、レイアウト、レスポンシブ対応など、目的ごとにタグやプロパティの使い方を詳しく解説しているので、「こんなことをしたい！」というときにすぐに調べられます。現在ホームページ制作を学んでいる方にも、Webデザイナーとして活躍している方にもおすすめの1冊です。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 ホームページ作りに必須のHTMLとCSSを，基本から学ぶことのできる入門書です。HTML・CSSを基礎からしっかりと，大きな図面で解説。ホームページの仕組みを学びながら手を動かして作っていく，はじめての人でもわかりやすい入門書です。かっこいいホームページを自分で知識ゼロからつくってみたい人におすすめの一冊です。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 Webサイトの構成やデザインが複雑になり、コーディング専用のエディターで効率よく制作する時代ですが、コードを丁寧に記述しながらホームページをつくりあげるのも楽しいもの。本書は豊富なビジュアルと細かな入力＆操作解説で、シンプルなページを作成しながらHTMLとCSSが学習できる入門書です。「古都さんぽ」をテーマとした①トップページと②風景紹介の記事ページ、③観光サイトへのリンク集ページ、④写真ギャラリーページ、⑤自己紹介の5ページ構成のサイトをチュートリアル形式で作成し、無料ホームページサービスで公開するまでを解説します。

■本書の概要 現在、多くのHTML/CSSに関する入門書が出版されています。 しかし、入門書を読んで基本的な知識を身につけるだけでは、実際にWebサイトを作ることはできません。 思い通りのデザインを作るには様々なテクニックが必要です。 本書では、HTML/CSSを使いこなすにあたって欠かせないテクニックを解説しています。 ■本書対象となる読者 本書は、入門書だけではカバーできない中級者向けの内容です。 入門書を読んではみたものの、いざWebサイトを作ろうとするとうまく表現できない方や 入門書の次に読んでステップアップしたい方におすすめです。 ●書いていること ・CSSを使ったテクニック ・入門書では紹介されないCSSプロパティ ・テクニックのメリットとデメリット ●書いていないこと ・HTML/CSSの開発環境構築 ・CSSの基本的な知識 ・Sass/Lessを用いたソースコード

第1章ではHTMLやCSSの仕様そのものや、過去の制作アプローチなどについて、読み物的に触れます。 第2章以降ではHTML5とCSS3を中心に、技術や考え方について基本事項を扱います。 特に、近年ではモバイル対応の重要性が増しているので、モバイル対応の基本的な部分についても触れていきます。 全体としてはサンプルのWebサイトを制作するようなチュートリアルものではなく、文書のマークアップを理解するための情報を適宜提供しています。 （本書は2014年発売の『今、見直すHTML』と『今、見直すCSS』を合本し、改訂したものです）

第1章ではHTMLの役割とCSSの役割と特徴を明確にし、単にビジュアルデザインだけの意識を持たないよう誘導します。第2章はCSSの書式や主要なプロパティを紹介しつつ、Webページのレイアウト手法なども紹介します。電子書籍でのスタイルの特徴なども触れていきます。第3章は次のステップを意識して、CSSの理解を深める内容や新しい概念について紹介します。

本書はHTML5＆CSS3の入門書です。これからHTML＆CSSを学ぶ人／学び直したい人を対象に，Webサイトの基礎から実践的な書き方までトコトンわかりやすく解説します。HTMLとCSSの基本的なしくみはもとより，表現の幅を広げる記述方法やレスポンシブWebデザイン対応したページデザインの実践例にまで踏み込んでいます。さらにWebコンテンツの構造やブラウザの対応状況など，Web制作に必要なトピックスも図解しています。HTML5とCSS3を押さえつつ，基礎的な知識やしくみをしっかり習得できる内容です。

簡単に説明すると、CSS組版とはWebページの技術を使って本を作ることで、Vivliostyleはそれを実現するためのソフトウェアです。本書も（カバーを除いて）すべてVivliostyleで制作しています。 本書ではVivliostyle（ビブリオスタイル）を使ったCSS組版について、環境の構築から基本的な内容のハンズオン、実践的なテクニックまで丁寧に解説しています。 Markdown（マークダウン）の書き方やCSS組版のテクニック集、実際に印刷所への入稿データを作る際の注意点など、現場のノウハウが満載の1冊です。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 CSSをより便利に、効率的に書ける「Sass（サス）」の解説書を、最新のコーディング環境にあわせて大幅刷新！Sassは導入が面倒そう。はじめたいけどあと一歩が踏み出せない。CSSを今よりも効率的に書きたい。こうした方がSassを導入するきっかけとなり、ひと通りSassの機能を使いこなせるようになるのが本書の目標です。CSSをHTMLの構造に合わせて入れ子で書いていく「ネスト」や、便利な「変数」や「演算」などのSassの基本機能はもちろん、筆者が実際に仕事の現場で使っている実践的なテクニックまで、この一冊で網羅しています。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 「予測しやすい」「保守しやすい」「再利用しやすい」「拡張しやすい」CSS設計の教科書が登場!コンポーネントやCSSプリプロセッサを意識した設計・管理の実践など、「ちゃんとCSSを書く」ためのプロの考え方を徹底解説。「セレクタが複雑になってしまう……」「オブジェクト指向CSSってなに?」「考え方はわかったけど、どう組めばいいの?」そんな人のバイブルになるのが、この本です。破綻しやすいCSS、セレクタのリファクタリングなどの基本から、OOCSS、SMACSS、BEMなどのコンポーネント設計のアイデア、実際によくあるパターンのコードの組み方までを丁寧に解説。また、注目されはじめた「Web Components」についても説明します。

電子書籍と聞くと、紙の書籍を焼き直した内容という印象を持つ人は少なくありません。しかし、電子書籍には動画や音声、インタラクティブな機能を組み込むこともできます。アップルが運営するiBookstoreなら、こうした“リッチ”な電子書籍を販売できます。 iBookstoreのリーダーアプリであるiBooksに対応した“リッチ”な電子書籍を作りたい人向けに、基礎から応用までを紹介した人気のblogの書籍化。

「4つのレイアウトパターン」と「レスポンシブデザイン」を実際に手を動かして作りながらサイト制作の基本が学べる！本書はWeb制作の基礎言語であるHTMLやCSSの書き方だけでなく，多くのWebサイトが採用している4つのレイアウト手法を学ぶことで，1冊を読み終えると各言語の知識とWebデザインの基礎が身につく作りとなっています。Webデザインの新しい手法を積極的に紹介しつつ，実際の制作現場で使われている堅実な手法もバランスよく取り入れ，学習用ではない「現場で役に立つ」実践的なテクニックを数多く盛り込みました。また，Webサイト制作を楽しく学ぶため，サンプルサイトの見映えにもこだわりました（完成後は手を加えて読者のプロフィールサイトとして利用可能）。ライブ感のあるチュートリアル学習により，まるでWebデザイン会社でOJT（オン・ザ・ジョブ・トレーニング）を受けているような体験型の独習書です。サンプルデータのダウンロードサービス付き。

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

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております】 作りながら学ぶ、Webサイト制作の標準技術 本書は、Webサイトを作るために必須の「HTML」と「CSS」が学べる学習書です。各レッスンに沿ってサンプルサイトを作っていく学習形式で、解説を読んで理解するだけでなく、実際に手を動かしながら学ぶことができます。レッスンは初歩的な文法学習から始めて、実務と同じ流れでの本格的なサイト制作までをカバー。 1冊を通した学習で、初心者でもHTMLとCSSの実践的な考え方と書き方が身に付きます。また、新規格「HTML5」と「CSS3」の解説も掲載しているので、次世代Webサイトの動向も学ぶことができます。Webサイト制作の最初の学習書として、ぜひオススメの1冊です。 ※本電子書籍は同名出版物を底本とし作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております。文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。ご購入前に、無料サンプルにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください】 ここから始める！ イマドキのWebページ作り 「Webページを作ってみたい」 「HTML/CSSの仕組みを知りたい」 「プログラミングを始めてみたい」 そんな皆さんに向けて、一番やさしい入門書が登場しました！ ★HTML/CSSの基礎がしっかり身につく！★ 本書では、Webコンテンツ作りに必要なHTML/CSSの考え方や概念を、見開き単位で一つ一つゆっくり学習できます。 「他のHTML/CSS解説書を読んでみたけれど難しくて……」といった方にもオススメです。 最新のHTML Living Standardに対応した本書を読めば、「イマドキ必要な基礎知識」を身につけられるはずです。 ★フルカラーイラストでわかりやすい！★ 絵本シリーズおなじみの豊富なイラストが、フルカラーになってさらにパワーアップ！ 頭ではイメージしにくい考え方や概念を、カラフルなイラストたちがわかりやすく伝えてくれます。 さあ、HTML/CSSの扉を開いて、Webの世界に足を踏み入れてみましょう！ ◆◆◆目次◆◆◆ ・第0章 HTMLとCSSの勉強をはじめる前に ・第1章 Webサイトの概要 ・第2章 HTMLの基礎 ・第3章 HTMLの要素 ・第4章 CSSの基礎 ・第5章 CSSのプロパティ（1） ・第6章 CSSのプロパティ（2） ・第7章 レスポンシブデザイン ・第8章 JavaScript ・第9章 付録 ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

Webサイトを【分解】→【組み立て】！ 本格的なWeb制作を追体験して、脱初心者を目指そう Webサイト制作を始めたばかりのHTML/CSS初心者の前には、 さまざまな壁が立ちはだかります。 「デザインを思い通りに再現できない」 「タグやプロパティの組み合わせ方がわからない」 「ページを組み立てる流れがイメージできない」 もしあなたがこんな課題を抱えていて、 コードを書く手が思うように進まない…と悩んでいるなら、 本書はぴったりの一冊です。 本書は、モックアップ（サイトのデザインラフ）をもとに、 サイトの構成要素を【ブロック分解】してから、 ひとつずつコーディングして【組み立てる】…という 本格的なWeb制作さながらのプロセスを、ハンズオンで学習します。 【分解】するから、 ・サイトデザインの細かな意図 ・デザイナーが配慮しているポイント　がわかります。 【組み立て】ながら、 ・Web制作の一連の流れ ・サイトの具体的な作り込みかた　がわかります。 ひとつのサイトを完成形まで作り込む流れを通じて、 デザインラフを的確に再現するための 実践的なコーディングテクニックが無理なく習得できます。 ■こんなあなたにおすすめ！ ・HTML/CSSの入門書を一冊読み終えた初級者 ・実践的なコーディングテクニックが知りたい、駆け出しのWeb系エンジニア ・オリジナルのWebサイトを作るための力をつけたい学習者、再入門者 ■目次 Ch01　モックアップをブロック分解 Ch02　ファイルの準備 Ch03　HTMLのコーディング準備 Ch04　HTMLのコーディング Ch05　CSSのコーディング準備 Ch06　CSSのコーディング Ch07　CSSでのレスポンシブ対応 Ch08　自分のプロフィールページへ ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております】 Webページ作成の基本がよくわかるベストセラー辞典 累計100万部突破のWeb辞典シリーズに、新たに『HTMLタグ辞典 第7版 +CSS』が登場です。第7 版は、定番のHTML タグ解説に、CSS でのページデザイン解説をプラス。Web標準に対応し、Webページの構造と見た目の基本がこれ1冊でわかります。InternetExplorerやFirefoxはもちろん、Google Chromeなどの最新人気ブラウザ対応もサポート。ダウンロード可能なサンプルソースも一新し、よりわかりやすくなりました。最新情報を盛り込んだ便利なWeb用語辞典も付いています。Web制作のビギナーから上級者まで広く使える、必携の1冊です。 対応ブラウザ:Internet Explorer 9/8/7(Windowsのみ)、Firefox 13.0/3.6、Google Chrome 19.0、 7.2/6.1、Opera 12、Safari 5.1 対応OS:Windows 7/ Vista/ XP、Mac OS 10.7 ※本電子書籍は同名出版物を底本とし作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 HTMLとCSSを使ったWebをデザインする上での心得と基礎を解説したWebデザイン入門書です。ブログやTwitterの登場により、インターネットに情報を発表する際に、必ずしもHTMLに頼る必要がなくなりました。しかし、ブログやTwitterといった新サービスが流し読みに適した雑誌だとすれば、HTMLで作られたサイトは情報が整理・蓄積された書籍に近いものであり、情報をじっくりと読むのに適しています。本書では、まとまった情報を提供することを念頭に、見やすく、探しやすいWebデザインとはどのようなものかを基礎から解説。感性頼りではなく、きちんとした理屈でデザインを作れるようになる一冊です。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 WebデザイナーのためのJavaScript入門です。HTML5とCSS3の登場により、イマドキのWebを作ろうとするなら、ユーザーの操作に対してインタラクティブにWebページが変化したり、テレビのCMのような派手な「動き」が求められるようになりました。この「動き」を実現させるためのテクニックが「JavaScript」です。本書では、「プログラミングなんて知らない！」というWebデザイナーを対象にJavaScriptを基礎からやさしく解説しています。Webデザイナーとして求められる部分を重点的に取り上げているので、短時間でマスターすることができます。Webデザインの基礎から学びたい人には、姉妹書『HTMLとCSSで基礎から学ぶWebデザイン』をおすすめします。

【これが“今の主流”の使い方！ プロが現場で使う上級テクニックを解説】 　Webサイト制作の現場で活用できる、HTML5の実践的なテクニックを集めた解説書。HTMLの最新バージョンであるHTML5は、ブラウザだけで華やかな演出や高度な処理が可能になる点などが注目を集め、制作現場で主流の技術のひとつになりつつあります。しかし、実際のWeb制作では、単にHTML5でマークアップを行うだけでは、HTML5の機能を充分に活用しているとは言い難いでしょう。第一線のプロは「HTML5を使って何を作るのか」「どのように使うのか」を切り口に、JavaScript、jQuery、CSS3、CSSフレームワークなどの技術といっしょに活用するテクニックを解説したのが本書の特長です。 　全体は4章構成で、canvas要素・SVG要素を活用したアニメーションや、画像を加工するWebアプリのUIなどの制作方法を掘り下げています。IntroductionにはHTML5でのマークアップや新しい要素といった基本事項をまとめたほか、サンプルデータをダウンロード提供しています。実際のサイトでHTML5の取り入れ方がわからない、デザインや演出のアイデアはあるが、どの技術で実現できるのかわからないなどといった方には、特に役立つ内容です。

【移り変わりの激しい現在だからこそ、ゆるぎない基本を身に付ける。】 HTML＋CSSを利用してコーディングとデザインを進めていくうえで「これだけは知っておかなくてはならない」という基礎となる知識と技術をまとめた解説書。ウェブデザインとHTML＋CSSの基本を皮切りに、レイアウト、ビジュアルデザイン、ナビゲーションやフォームといった実践的なコーディングのポイントも解説していますので、ウェブ制作の現場で役立つ情報が凝縮されています。知識があいまいな初心者の方はもちろん、「いまのコーディング」を再学習する必要性を感じているウェブデザイナーの方にも役立つ一冊です。

【読む×作る＝Webサイトをゼロから作る力が身につく！ 】 Webサイトのデザイン制作をはじめて学ぶ方に向けて、HTML+CSSとサイトの作り方をゼロから解説した書籍です。 サイトを作るうえで必要となる「道具」の説明やHTMLとCSSの基本から、シンプルなページ構成のWebサイトを制作する方法、制作したサイトに現場で実際に使われている技術を取り入れるところまでをカバーしました。 本書の大きな特長は2つです。 1つ目は、「座学」と「実践」の2通りを交えた構成になっている点。解説を読みながら、サンプルファイルを使ってソースコードを書いたり、Webブラウザに表示させたりすることで、サイトを作るノウハウがゼロから身につきます。 2つ目は、「いまの技術」に焦点を合わせていること。HTML、CSSの過去や未来の話ではなく、制作現場でいま使われている内容に絞って解説しています。 プロの目指す方の入門書としてはもちろん、自分でソースコードを書くことがなくてもディレクションする立場にある方、業務ではなく個人でHTML+CSSを習得したい・Webサイトを作りたい方などにも、活用いただける内容になっています。 〈本書の章構成〉 Introduction Webサイトを制作する前に Lesson 1 Webサイトを制作する準備 Lesson 2 HTMLとCSSの役割を理解する Lesson 3 HTMLでマークアップを行う Lesson 4 CSSで見た目を制御する Lesson 5 HTMLでWebページの構造を作る Lesson 6 CSSでレイアウトを制御する Lesson 7 実践：Webサイトを作る Lesson 8 実践：問い合わせフォームを作る Lesson 9 応用：現場の技術を取り入れる Lesson 10 応用：JavaScriptで動きを表現する Lesson 11 応用：SNSや他サービスとの連携

JavaScriptやHTMLといったWeb系の技術でデスクトップアプリケーションを作成でき，Atomエディタ，Slack，Visual Studio Codeなど，近年話題となったアプリケーションに利用されているElectron。本書は，インストールからアプリの開発，テスト，パッケージング，セキュリティ対策まで，ひととおりの開発の流れをまとめました。「チャットアプリ」「Markdownエディタ」「キャプチャアプリ」の作り方をとおして，はじめてアプリを開発する人にもわかりやすく解説しています。

※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 演習で理解度を確認しながら、HTML/CSSの基本をマスターしよう。 チュートリアルと解説書の要素を複合させ、飽きさせず、つまづかせず、自発的な学習を促す材料を、24のステップで提供。 各ステップの冒頭で手を動かしてWebページを作り、完成例を表示させながらHTML/CSSを習得します。 本書を通して正しい記法を身につけることで、きれいに表示され、検索エンジンから正しく評価されるWebページを作ることができます。 自分だけの力で作り上げるのは、とても楽しい！ HTML5/CSS3/CSS2.1対応。

Web関連技術の進歩は目覚ましく、とどまるところを知りません。CSS3になり、本来「デザイナーに画像を作ってもらう」ことでしか対応できなかった表現が、どんどんCSSで実現できるようになってきています。本書はCSSで様々な図形を作り、キャラクターを描き、あたかもRPGのボスキャラに挑むように学習をすすめることができるチュートリアルガイドです。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 本書は，コーダー，フロントエンジニアを目指す人のためのHTMLとCSSのコーディング独習書です。業界を目指すためにはコーディングは必須です。ホームページ時代のタグの記述方法ではなく，これからWeb業界を歩んで行く人たちに正しいコードの書き方，より現在の業界水準にあった正しいコードの書き方が求められています。実際にコードを書くことで刷り込むように覚えられます。サンプルはダウンロードして確認することができます。「基礎」「応用」「実践」の3部構成で，段階的にステップアップしながら学びます。

Tailwind CSSは保守性や拡張性の高さなどから注目されているCSSフレームワークです。ただ、とっつきにくさがあるのも事実です。 そこで、本書ではそのハードルを少しでも下げるべく、Tailwind CSSの導入（CHAPTER 01）から、実践的な利用方法（CHAPTER 11～12）を紹介します。手を動かしながら学べる内容になっているので、初学者の方はぜひ実践していただければと思います。 　また、CHAPTER 02～10ではよく使われるTailwind CSSのクラスを紹介しています。これはTailwind CSSの公式Webサイトに記載のあるものをまとめた形です。Webの情報は検索性、保守性に優れており、目的の最新情報に簡単にたどり着けるのが特徴です。

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

【すぐに使えるCSSデザインの多彩なアイデアを満載しました。】 「レイアウト」「デザインパーツ」「インターフェイス」の3テーマ別に、実際のウェブ制作でよく使用される表現に絞り込んで、スタイルシートのデザインアイデアを多数紹介しました。現在主流となっているデザインや技術、逆に主流でないデザインや技術といったものを明記し、デザイナーのみなさまの疑問を解消します。現在の実際のサイト制作でよく使われていて、なおかつ今風のサイトデザインにすることができるCSSのアイデアブックです。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 あなたの仕事をずっと助ける、Webページ作りの「正しい」技術をマスター。 Webページ作りを基礎から習得し、コーポレートサイトを作成。基本文法から各種ボックスの配置法、テーブル、フォーム、シングルカラムレイアウト、段組レイアウト、レスポンシブまで、Webデザインの仕組みをサンプルとともに詳解。 ●こんな人に向けた本です １入門から次のステップに進みたい人 ２コーポレイトサイトを作ってみたい人 ３HTML/CSSの仕組みを学び、現場でワンランク上のアウトプットを目指したい人 ●こんな内容の本です １Webデザインの仕組みをサンプルとともにしっかりと解説しています。 ２HTML/CSSの仕様に基づいた解説で、デザインにプラスアルファの効果を与える正確なマークアップの知識が身につきます。 ３迷ったときに正しい技術を指し示してくれる教科書です。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 「僕はXHTMLとCSSをマスターするには仕様書の全読は欠かせないと思う。しかし、まずは本書をマスターすること。それは間違いなくプロへの第一歩だ。」──森田 雄(株式会社ビジネス・アーキテクツ 取締役) 現場の最前線でWeb制作に携わる7人のプロ直伝の、「いま知っておくべき」XHTML+CSSの知識とテクニックを集成した1冊です。 ●本書の対象読者 ・これからWebサイト制作をはじめたい入門者 ・サイト制作をはじめて間もない初級者 ・CSSスキルをアップデートしたい中級者 (X)HTMLやCSSのスキルは、Webサイト制作のもっとも基本となる知識ですが、ノウハウがたくさん蓄積されているぶん、却って体系的に学ぶのが難しい状況にあります。また、ここ数年でCSSデザインがかなり複雑になったことで、ゼロから学ぶにはハードルが高くなってしまった面もあります。そこで本書は、本格的にXHTML+CSSによるWeb制作を習得したい方から、すでに習得しているけれども「現状の最新スキル」にアップデートしたい方までを対象にして、「現在制作現場で求められる最良のスキルを」「現場・実用からの目線で」「順序よく」「効率的に」習得できるように構成してあります。 ●本書の効能 ・XHTMLとCSSについて、「基本から」きっちりわかります。それが実際の制作や実務にどう関わってくるのかをともに知ることで、「生きた」知識として習得できます。 ・「現在必要な」最新かつ最良の知識と、実用なテクニックがわかります。CSSのファイル設計や効率的なスタイリング、レイアウトテクニック、トラブル解決などのベーシックな部分を、実務的な観点からもう一度振り返って考えたり、JavaScriptライブラリの活用法なども併せて解説することで、実戦力に直結するスキルが手に入ります。 ・「これから必要になる」Google Chromeなど最新ブラウザへの対応方法や、iPhoneなどPC以外のデバイス用のサイト制作に関する情報も充実しています。iPhone/iPod touch、Nintendo Wii、PlayStation Portableなど、ここ1～2年でPC以外のデバイスからWebを閲覧する人口が増えています。さまざまなデバイスにWebサイトを対応させるノウハウは、今後ますます必要とされるでしょう。また、ブラウザの新しいバージョンが次々とリリースされたり、Google Chromeなどの新しいブラウザが登場しています。そのような新しいブラウザを射程に入れることも、必要になってくるでしょう。 本書はそのように、「必ず知っておきたいこと」と「今後必要とされること」を現場からの目線で集約したカリキュラムとなっています。Webデザイナー、クリエイターであれば、必ず持っておきたい1冊です!

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 本書は大きく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コーディングはスマートフォンをはじめとする対応デバイスが劇的に増えたことから、非常に手間のかかる工程になりました。検証や最適化まで含めたすべてを手作業でこなすのは無理が生じてきており、さまざまな制作支援ツールやフレームワークを活用しながら進めるなど、従来のワークフローから大きく変化を遂げています。 本書では、このような“モダン”なHTML＋CSSコーディングのあり方と、作業の効率化＆適正化を図る手法・技術・ツールを網羅的に解説しました。「環境構築」→「HTMLコーディング」→「CSSコーディング」→「最適化・検証」とワークフローに沿って必要な情報を紹介していますので、タスクランナーやCSSメタ言語といった最近よく聞く技術がどの工程に関わり、どのような作業を楽にするものなのかが秩序立ててわかります。 もちろんツール類の解説だけにとどまらず、HTML5の新要素、CSSのセレクタ、CSS設計といった普遍的なトピックも盛り込んでいますので、さまざまな場面でお役立ていただけます。いまHTML＋CSSを書くうえで知っておかなければならない「現場の常識」が凝縮された必読の一冊です。

※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 ●本書の特色 CSSの設計からHTMLへの実装までが体系的に学べる 現場で実績のあるサンプルコードが手に入る ●こんな読者に向いています ・Webの専門学校を卒業し、制作会社に入社した人/Webエンジニア ・自分のWebサイト作成に限界を感じている人 ・HTML/CSSマークアップ力をもう一段高めたい人 ・最前線の現場でHTML/CSSがどう書かれているのかを知りたい人 ・CSS設計の理論と実践を学びたい人 デザインの変更に強く、再利用が容易なWebサイトを作ろう！ マルチデバイス対応や頻繁なデザイン変更など、Webサイトに対する要求の多様化により、将来の拡張やメンテナンスを視野に入れた「CSS設計」のニーズが開発の現場で高まっている。 本書では、仕事でWebサイト作る人に必須の知識となる、CSS設計の基礎的な概念からその実装方法を、サンプルページを通して体系的に解説。導入から設計の基礎、Webサイトへの実装までが学べる。

JavaScriptを使用したWebブラウザゲームの製作ノウハウを解説する入門書です。 Webページをまったく作ったことはないが、現在主流となっているブラウザゲームに興味があり、 「自分でもゲームプログラミングに挑戦してみたい！」と考えている初心者に最適です。 本書では「より面白く」「見栄え良く」をモットーに、11本のサンプルゲームを紹介しています。 ゲームを作りながら、JavaScriptだけでなくHTML5やCSSといったWeb技術の基本もしっかり学習できます。 また、あくまで「学習書」という位置付けであることから、最後まで読んでしっかり学習してもらうために、 「楽しさ」を感じられて「飽きさせない」ことを重視した構成になっています。 【本書のセールスポイント】 ［1］JavaScriptで「面白く」「見栄えの良い」Webブラウザゲームを「短いコード」で「簡単に」開発できる ［2］サンプルゲームはスマホにも対応 ［3］アクション系ゲームにも応用できる物理エンジン（衝突判定等）付き ［4］サンプルゲームのダウンロードサービス ［5］サンプルゲームはダウンロードしてスグに試せる！

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 JavaScriptを使用したブラウザゲームのつくり方を解説する入門書です。HTML/CSS、JavaScript、図形描画（Canvas）の基本を学んだあと、パズル／アクション／シューティングから物理エンジンを使ったゲームまで計13本のサンプルゲームを通して、学んだWeb技術の実践的な使い方やブラウザゲームの制作ノウハウを習得できます。サンプルゲームは全ソースコード掲載＆ダウンロード提供！ ゲームをつくりながら、JavaScriptだけでなくHTML/CSSなどのWeb技術の基本もしっかり学習できます。「これからプログラミングを始めてみたい」「HTMLやJavaScriptを使ってゲームをつくってみたい」といった初心者に最適の一冊です。 【本書でつくるサンプルゲーム】 ○スライドパズル（15パズル） ○神経衰弱 ○荷物を運ぼう（思考型パズルゲーム） ○リバーシ ○タマゴを大事に（タマゴキャッチゲーム） ○ダンジョン（2Dダンジョンゲーム） ○宇宙船サターンボイジャー（疑似3D・宇宙船ゲーム） ○ファンキーブロック（マッチ3パズル） ○食べ尽くせ！（ドットイート風ゲーム） ○超難度・忍者ジャンパー（横スクロールジャンプゲーム） ○インベーダーを撃ち落とせ！（シューティング） ○ビリヤード ○ベジタブルマーチ（ブロック連結パズルゲーム）

若い人向けに、楽しく学ぶことができるようにゲームを中心にしたサンプルを豊富に取り上げます。また、習得した知識を確認するための演習も満載。プログラミング上達の早道はなによりコードを読み、コードを書いてみることという筆者の経験から、リストを読み、実際に書いてもらうことを目指します。本書前半はプログラミング経験のまったくない人を対象に、HTML、CSS、JavaScriptの基本知識を解説。平板な解説に陥らないように、豊富なサンプルと演習が用意されています。本書後半は誰でもなじみのあるブロック崩し、テトリスライクなゲームを作成していきます。サンプルは、コード入力の負担が過度に大きくないこと、コードがわかりやすいこと、ちょっとした驚きがあることを心がけています。読者が自分で入力・確認してく過程で、プログラミングのスキルを身に着けることができるでしょう。 なお、本書は2013年に発売された初版の改訂版です。今回の改訂ではブラウザの仕様変更に関する対応が中心になりますが、ゲームも1つ追加しています。また、ダウンロードサービスも用意しました。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 これ1冊でWebプログラミングが一通り学べる！ まったくのプログラミング初心者に向けた、Webプログラミングの入門書です。「HTML+CSS」「JavaScript」「PHPによるサーバー開発」「Ajaxによる非同期通信」Webを使ったスマホアプリ作成」などを、猛スピードで全部学びましょう！Webプログラミングに必要なテーマの本は、それぞれ1冊になるくらいのボリュームですので、それを何冊も読むのは大変ですよね。本書では必要なものを全部つまみ食いして、一度にすべて使えるようになれます！「HTML＋JavaScriptのWeb作成」から一歩踏み出し、サーバー側の開発まで含めたプログラミングを学び、応用として、Web部分をそのままスマートフォンのアプリに組み込み、「サーバーと連携したスマホアプリ」までも取り上げています。ですので、「Webページ、サーバー、スマホアプリ」のすべてを体験できます。昨今、プログラミングの仕事というとWebプログラミングは避けて通れませんので、プログラマーになりたいあなたには必読です！

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 現在の「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業界を目指す学生の方など、幅広い方々に活用して頂ければありがたく思います。

【複数デバイス対応を効率化するフロー&ノウハウがわかる!】 本書は、Webサイトをマルチデバイス対応（レスポンシブWebデザイン対応）させる上での、設計の考え方とCSSフレームワーク（Bootstrap）を利用した実装方法を伝える解説書です。 前半（1～6章）では「コンポーネント」の概念を取り入れた新しいサイト設計の考え方、フレームワークの特徴などを丁寧に紹介しています。実践編となる後半（7～11章）では、代表的なフレームワークであるBootstrapを用いて作成したサンプルをもとに、マルチデバイス対応サイトを設計・制作する手法、BootstrapのSass（SCSS）を使ったカスタマイズ方法を解説。最終章では実装をより効率化・チューニングする手法も紹介しています。なお、本書のサンプルデータはダウンロードにて提供します。 WebサイトがPCだけで見るものではなくなった昨今、サイトのマルチデバイス対応は必須要件となりつつあります。その一方、実装に工数を費やす従来の制作フローでは、作業効率や時間的コストの面で対応し切れなくなっているのが制作現場の実状ではないでしょうか。このような現況やニーズに応えた、「これからの」複数デバイスの考え方・ノウハウを理解していただくための必読の1冊です。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 HTML5+CSS3で多様なデバイスに対応できるWebサイトを制作するために、これから必要とされるデザインの「スタンダード」手法をレシピ方式で徹底解説しました。 スマートフォンやタブレットの登場により、多様なデバイスに対応できるWebページが求められるようになっています。その中で、レスポンシブWebデザインをはじめとする考え方が生まれ、Webページに当然のように組み込まれる時代になってきました。その結果、多様なデバイスに対応したページを効率よく作成していくため、Webページ制作の現場ではワークフローの変化も起きています。 PCブラウザという1つの環境をターゲットに制作できた時代と異なり、現在は膨大な数のデバイスをターゲットに、さまざまな切り口で最大公約数を考えながらページを作成しなければなりません。従来のデザインカンプを再現する作り方では対応が難しく、ページを動かしながら作り込んでいく必要があります。そのような現状をふまえ、本書にはこれからのWebページ制作に必要なレシピをできるかぎり詰め込みました。 本書では、ベースとなるWebページにパーツを組み合わせて配置していくことで、オリジナルのページを作成できるように構成しています。≪Chapter1～6≫では、そのパーツの作成について解説します。ヘッダー、記事、メニュー、フッター、ボタン、フォーム、テーブル、段組みなどそれぞれのパーツと、そのパーツを組み合わせる際のデザインのレシピを、多数のTipsを交えて紹介していきます。≪Chapter7～9≫では、それらのパーツを使って実際にページを作成していく方法を解説しています。レスポンシブWebデザインをはじめとする考え方が当然のものとして扱われている現状に合わせて、CSSフレームワークを利用せずに作るのか、CSSフレームワークを利用して作るのかを選択できるようにしています。 CSSフレームワークとしてBootstrapとFoundationを利用する方法を解説しています。≪Chapter10≫では、本書収録のパーツとCSSフレームワークを組み合わせて使うことで、どのようなことができるのか、どのくらい作り込むことができるのかを、4例紹介しています。プロモーションサイト、プロモーションサイトのコンテンツページ、ビジネスサイト、ショップサイトの4例です。パーツやレシピのデータは本書サポートサイトからダウンロードできます。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 本書は、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 レスポンシブレイアウト

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 Webサイト制作をこれから学ぶ人へ送る “1冊目”に最適の入門書！【学びをサポートする4大特典つき】 本書は手を動かしてWebサイトを作りながら HTML/CSSとWebデザインの基本を楽しく学べる入門書です。 初学者が1冊目に読む本としてふさわしい内容を盛り込んでいるため、 これを読めば必要な基礎知識がひととおり身につきます。 制作できるサイトは計4種。 初歩的な内容から少しずつレベルアップしていき、 Flexboxレイアウト・CSSグリッドレイアウト・ レスポンシブデザイン・CSSアニメーションも作れるようになります。 またコーディングの知識だけではなく、 学習を続ける上での学び方のコツやポイントも紹介。 知識ゼロからスタートした人でも、1冊を読み終えるころには 自ら学習を深めていけるようになるでしょう。 ■わかりやすい！楽しい！ポイント ・やさしく要点をおさえた解説 ・手を動かして作ることを重視した構成 ・おしゃれでバリエーション豊かなサンプルサイト ・豊富な図解とイラスト、キャラクターによるガイド ・重要ポイントの理解を助ける補足動画 ■こんな方におすすめ！ ・Webサイト制作をゼロから学びたい初心者 ・1冊目の入門書を探している人 ・Web制作の仕事を目指している人 ■学習をサポート！嬉しい4大特典つき （※翔泳社サイトにて無料のID登録とダウンロードの必要があります） 1.サンプルサイトのXDデータ 2.特典PDF：Webサイトの公開方法 3.制作に役立つおすすめサイト集 4.初学者必携のチートシート ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

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

【対応ブラウザで迷っていませんか？最新ブラウザ対応で気持ちよくコーディングしましょう！】 本書は、ウェブブラウザシェアの約95％を占める最新ブラウザ（IE11、Chrome、Safari、Firefox、Edge）向けのCSSを駆使することで、作りたいものが作れる、やりたいことができる＝気持ちよくウェブ開発のコーディングを行うためのノウハウ集です。 〈本書の対象読者〉 CSSとHTMLをある程度知っているデザイナー IE6～8時代にコーディングしていたコーダー 楽な書き方をざっくり知りたいエンジニア

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております】 SassとCompassの開発メンバー自身が解説 Sassは、CSSメタ言語の標準で、コーディングの効率化やプロジェクト型の開発に役立つことから、開発者やフロントエンジニアと呼ばれる人々の関心を集めています。Compassは、CSSのベストプラクティスを可能にする定番のオーサリングフレームワークです。ベンダープレフィックスを自動で追加してくれる機能など、便利な拡張機能がたくさんセットされています。 本書は、SassとCompassの基本と活用テクニックを、SassとCompassの開発メンバー自身が解説する、信頼度ナンバー1のガイドブックです。「フレームワークで効率を上げたいWebデザイナー」から「CSSのスキルアップを目指すフロントエンジニア」また「ときどきCSSも書くようなエンジニア」や「プロジェクト型の開発者」まで、CSSコーディングに関わるあらゆる人にお勧めです。 *本書解説用のサンプルは翔泳社の専用サイトからダウンロードできます。 *監修者による特典として「現場で陥りやすい落とし穴」が入っています。 ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 ●本書の構成 本書はトピックごとに分かれた短い24の章で構成されています。 第1回　CSSを書くということについて 第2回　CSS設計が無いと困ること 第3回　とりあえずBEM 第4回　BEMのB = Block 第5回　BEMのE = Element 第6回　BEMのM = Modifier 第7回　BEMその他 第8回　SMACSS: Baseルール 第9回　SMACSS: Layoutルール 第10回　SMACSS: Themeルール 第11回　ユーティリティクラス 第12回　名前空間的接頭辞 第13回　Block間の余白の設計: 前編 第14回　Block間の余白の設計: 中編 第15回　Block間の余白の設計: 後編 第16回　プロジェクトの中でうまく立ち回る 第17回　スタイルガイドのススメ 第18回　ビルドしてCSSを作る: 書いたCSSはそのまま使わない 第19回　ビルドしてCSSを作る: Sass 第20回　ビルドしてCSSを作る: Autoprefixer 第21回　ビルドしてCSSを作る: PostCSS 第22回　もっとコンポーネント: 汎用的なBlock、限定的なBlock 第23回　もっとコンポーネント: Blockの入れ子 第24回　ユーティリティファースト ●対象とする読者 「この本の読者として想定したのは、フロントまわりの実装を主業務とする会社に入ってきた、新しいメンバーである。新しいメンバーと言っても、すでに高いスキルを持っているような人物は想定していない。まだWebの技術にそこまで詳しくはなく、これから開発のスキルを高めていこうと考えているような人物を想定している。そのような人に対し、実務で覚えろ、経験だと丸投げするわけにはいかない。 この能力は単純に何かを暗記したり、仕組みを理解するだけでは成り立たない部分がある。なので、とりあえず参考書としてこの本を読んで下さい。そう言って渡したい内容をまとめたのがこの本である。 ・こういうことを知っていてくれたら、仕事を頼む側としてはすごい助かる ・こういうことを知っていたら、きっとあなたはCSS設計を行う役割として、周りと適切にコミュニケーションをとっていける そんな内容にしたいと考えた。」（著者「はじめに」より） 長らくWebサイト制作／アプリケーション開発の現場に身を置いてきた著者が、その経験を踏まえてまとめた本書を、ぜひご活用ください！

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 Web標準の基本となるHTMLおよびXHTML、CSSの仕様を目的の要素やプロパティから手軽に検索できるリファレンス書です。第5版となる本書では、HTML5およびCSS3を追加。どちらもまだ仕様が確定する前の段階ながら、HTML5に関しては2011年9月の草案に掲載されているすべての要素を掲載し、CSS3については執筆時点で利用できそうなモジュールを中心にピックアップしています。また、XHTML1.1とXHTML Basicに関連する更新および、CSS2.1がW3C勧告となったことからCSSに関する記述も新しく刷新。IE、Safari、Firefox、Opera、Chromeといった各ブラウザへの対応情報付き。サンプルのダウンロードサービス付き。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 ウェブページ制作に必要な基礎知識とHTML、CSS、JavaScriptの各言語のなかからよく使う機能を一冊にまとめ、フルカラーの紙面でわかりやすく解説したホームページ制作の総合リファレンスです。ホームページ制作の現場では、最先端のHTML5やCSS3が導入されつつありますが、それらはまだ策定中の仕様であり完成されたものではありません。本書は、安定した仕様であるHTML4.01およびCSS2.1をベースに、JavaScriptについても多くのページを割いてウェブページ作成に必要な知識を総合的に解説しました。また、対応ブラウザの表示や関連する項目へのリンク、できること・したいことから項目を探せる目次や索引も充実しています。掲載サンプルのダウンロードサービス付き。※当電子書籍はFIX型のため、検索機能は使用できません

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 HTMLとCSSとJavaScriptを活用するためのWeb制作者必携書籍。

【1日30分からはじめる！ 制作現場の実践的コーティング】 本書は、HTML・CSSの基本をひと通り身につけた方を主な対象に、制作現場でプロとして活躍するために必要なWebコーディングの技術を解説したものです。 HTML・CSSのコーディング初心者を脱して間もないレベルと、制作現場の第一線で活躍できる技術レベルの間には、当然ですが大きなギャップがあります。本書は、このギャップを少しでも埋められるような内容を目指しました。 全7章構成の前半では、テキストエディターの設定、Node.jsやGulp、バージョン管理システムの導入といった効率的な開発環境を構築・整備する方法とともに、フロントエンド技術周辺の必要知識を解説。より効率的にコーディングするための環境を整えていきます。 後半では、デザインカンプやWebサイトを題材に、現場の実践的なコーディングを学んでいきます。Webページのレイアウトを「コンポーネント」単位で捉える視点を身につけ、事前のマークアップ設計やCSS設計を行った上でコーディングを進めるノウハウを習得できます。解説及びサンプルには、BEMやSass（SCSS記法）、初歩的なVue.jsを取り入れました。 〈こんな方にオススメ〉 ・制作現場のプロで活躍するコーディング技術を学びたい方 ・HTML・CSSの基本を習得したあと、ステップアップしたい方 ・フロンエンドの開発環境に関する知識を身につけたい方 〈本書の特長〉 ・1冊で、理論（読むパート）と実践（作るパート）の両方を習得できる ・記事ごとに学習時間の目安を設けており、学習教材としても利用しやすい ・作りながら覚えることで、学んだことをすぐに実践できる 〈本書の内容〉 ■Lesson 1　現場のコーディングとツール ■Lesson 2　フロントエンド技術の“いま” ■Lesson 3　開発環境の構築 ■Lesson 4　カンプからのコーディング設計 ■Lesson 5　BEMを使ったCSS設計 ■Lesson 6　Sass（SCSS）を取り入れる ■Lesson 7　Vue.jsを取り入れる

【プロとして「独り立ち」するために、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 レスポンシブ対応サイトを作る

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 CSSグリッドをベースにすると、Webページ制作がとてもシンプルになる一方で、制作にはこれまでと異なる知識体系が求められます。 そこで登場したのが、本書、CSSグリッドをベースとしてWebベージを制作する、まったく新しいレッスンブックです。 本書を読めば、HTML&CSS初心者でも、モバイルファーストで本格的なレスポンシブ対応のWebページを制作できるようになります。 まさに、いまどきのHTML&CSSを学習するための新しい時代のレッスンブックと言えるでしょう。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 HTML&CSSで実現する、柔軟でレスポンシブなWebデザイン 本書は「CSSグリッドで実現できることは何なのか」をテーマにした一冊です。 これまでのHTMLとCSSを使ったWeb制作では、思ったようなデザインを実現するために「コンテンツをどういう順に記述するか」「どうマークアップするか」「どのCSSのレイアウトテクニックを利用するか」をパズルのように取捨選択し、形にしていくスキルが必要でした。 それを解決する方法として注目を浴びているのが、CSSグリッドを使ったレイアウトです。 本書ではCSSグリッドによるWebデザインを、作成制作を通して解説していきます。次のようなステップで、デザインを組み立てていきます。 　1　作例ごとに、レイアウトソフトを利用して完成見本（デザインカンプ）を用意 　2　完成見本からパーツを抽出し、HTMLと文書構造を組み立て 　3　CSSグリッドを作成し、パーツを配置 　4　レスポンシブの設定を行い、デザインを仕上げる 作例はそれぞれ、PC、タブレット、スマートフォンで問題なく表示されるように仕上げていきます。 用意された作例は以下になります。 　・縦横に均等に分割したグリッドによる「雑誌風レイアウト」 　・複数のグリッドを組み合わせて作る「フライヤー風レイアウト」 　・画像とテキストの重ね合わせによる「画像メインのレイアウト」 　・「左右対称/非対称のレイアウト」 　・上部や左部にナビゲーションを配置 巻末には「CSSグリッド」リファレンスも付属。 本書を通して、CSSグリッドがWebデザインにもたらす表現力と自由さを体験してください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております】 次世代規格を先取りしたCSS辞典が登場 本書は、Webデザインに必須の技術「CSS」の文法リファレンスです。大幅改定となる第5版は、現時点の最新状況を反映し、Web制作を学ぶなら必ず押さえておきたい基本のCSS2.1はもちろん、仕様の策定とブラウザでの実装が進められているCSS3をあわせて掲載。さらにはその次の規格であるCSS4(Level4モジュール)も可能な限りカバーしています。 各プロパティや値の対応は、Internet Explorer 11やGoogle Chromeなどの最新ブラウザのほか、iPhoneやAndroidでも検証しているので、サイトの要件に応じて使えるものがすぐ分かります。 CSSをこれから覚えるWebデザイン入門者・初学者にも、新しい規格の仕様をきちんと知って仕事に生かしたい現場のプロにも役立つ、便利な1冊です。 ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

CSS設計は多くの現場で導入されていますが、いまだに悩みがつきません。プロジェクトの大小や性質によって最適解も変わってきます。 そこで本書は、CSSのさまざまな設計手法を紹介しつつ、考え方や実践のポイントを明確化します。そのうえでボタン、ラベル、カード、テーブル…といったウェブの定番的なモジュールを網羅的に取り上げ、さらにはそれらの組み合わせ方まで、実践的なコードを紹介します。 代表的な設計手法である「BEM」と、著者が開発した設計手法「PRECSS」によって対比的な解説を加えており、思考をなぞることで最適解が炙り出されることでしょう。 駆け出しのウェブ開発者、フロントエンドエンジニアの方に、ぜひ読んでいただきたい1冊です。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 Bootstrapは、どんなデバイスでも見やすく表示する「レスポンシブデザイン」を強力にサポートするWeb開発用CSSフレームワークです。本書は、Bootstrap 4.0をベースに、レスポンシブデザインおよびBootstrapの基本レイアウト機能「グリッドデザイン」によるWebデザインについて解説します。オリジナルGUIコンポーネントの使い方、jQueryによるスクリプト制御の方法なども紹介します。

【見た目だけのWebデザインにさようなら。サイトの動きも表現できるデザイナーになる！】 jQueryをはじめとするJavaScriptのライブラリ・プラグインや、Twitter Bootstrapに代表されるCSSフレームワークなどを組み合わせて、Webサイトの複雑な「動き」を効率よく実装するテクニックを解説しています。Introduction＋本編5章構成で、スクロールに応じてコンテンツの続きを自動的に読み込む仕組み、Facebook風のスライド式サイドメニューなど、42のテクニックを掲載しました。サンプルデータはダウンロード提供しており、サイトの見た目だけではなく「動き」も表現できる、新時代のWebデザイナーに必携の1冊です！

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

※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 新標準となる「HTML5」。本書は、100本を超えるサンプルを1つ1つ確認しながら、HTML5、CSS、そしてJavaScriptの基本を徹底的に学習していく。最新のWebアプリケーション開発に必須となる基本要素をしっかりと理解して、自由自在に操れるようになろう。

※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 累計10万部のベストセラーが、現代のトレンドに対応して大改訂！ 1つのストーリーに沿ってWebサイト作りとHTML&CSSの基本がスラスラ学べる、入門書の決定版！ 第3版では現代のトレンドにあわせて制作するサイトを一新。PC・モバイル端末に対応したサイト作りの全手順を、図入りでとことん丁寧に解説しています。 これからWeb制作を始める人にも、HTML・CSSを学び直したい人にもおすすめの、充実の内容です！ 最新のHTML Living Standardに準拠。Windows/Mac対応。

※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 4万人が学んだベストセラーが、5年ぶりの大改訂！ 小さなサイト作りを通してHTMLとCSSの基礎が学べる入門書の決定版！ 第2版ではPCだけでなくスマホやタブレットにも対応したサイトが完成します。 ソースコードは現在のトレンドに合わせ、解説もいっそう丁寧にわかりやすくなりました。 これからWeb制作を始める人にも、HTML/CSSを学び直したい人にもおすすめの、充実の内容です！ 最新HTML5.2準拠。Windows/Mac対応

※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 装飾からレイアウトまで、ステップバイステップで作ってたしかめてCSSデザインの基本が身につく入門書の決定版！ 既存ページのカスタマイズと、ゼロからのレイアウト作成を実習します。最新のCSS3で追加された便利なプロパティの使い方も紹介。Win/Mac対応。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 ウェブサイトを自分の思い通りの見た目に作るには、HTMLやCSSの知識が必要です。しかし、初心者は何から勉強したらいいのかわからなかったり、仕事が忙しくて勉強する時間がなくて挫折してしまいがちです。本書は、まったくの未経験者でも、時間がない方でも無理なく理解できるようにイラスト図解を多数取り入れ、HTMLとCSSの基本的な文法からサイトの公開までの流れを学べる入門書です。練習用サンプルのダウンロードサービス付き。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 言語の基本学習からサイト作成と管理までを1冊にまとめた入門書！ webサイト制作者を目指す人が必ず習得しなければならない言語「HTMLとCSS」の記述と，サイト制作の基礎知識から公開・管理方法までを15レッスンで解説。HTMLパートはコーディングの基本から画像とリンク，リストとナビゲーション，テーブルおよびフォームのマークアップ方法を，CSSパートでは文字のスタイリングからレイアウト手法までを丁寧に解説。ダウンロードした実習ファイルに記述することで，細かくステップ分けした各単元の内容を手を動かしながら学びます。 専門学校の教壇に立つ著者陣が実際の講義内容を体系立て，さらに学校実施のテストと同等の練習問題を各レッスンの章末に用意した，HTMLとCSSの教科書です。最新エディタ「Visual Studio Code」に対応の改訂版。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 イラストとコラムを交えつつ丁寧な解説で、ホームページの作り方が楽しく学べる世界でいちばん簡単なHTML5とCSSの教科書です。ホームページやブログの作成には、HTMLでページの見出しや画像の埋め込み、段落の指定などを設定し、CSSで文字の大きさや色、配置などのデザインを決めなければなりません。本書は、HTMLやCSSの知識がなくても、実際にWebページを作りながらHTMLとCSSの使い方を学べる入門書です。HTMLでページの骨格を決め、CSSで見栄えの設定をしていくので、それぞれの役割がわかりやすくなっています。また、HTML5やCSS3で新たに採用された要素もわかりやすく体系的に解説しています。サンプルファイルのダウンロードサービス付き。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 これから本格的にWebサイト制作をはじめたい人に、必ず最初に読んでほしい本です。本書は、ゼロからWebサイトを作成しつつ、HTMLコードとCSSのスタイル設定の書き方、フォーム制作、Webサイトの公開まで一通りの知識を身につける入門書です。最新のHTML5.2とCSS3に準拠しているので、流行の最先端のWebデザイン制作に関するテクニックを習得できます。また、スマホやタブレットを意識したデザイン、SNSとの連携も解説しています。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 Webデザインの仕事に就きたい、知識を身につけて仕事の範囲を広げたい！と考えて勉強を始める人に向けた入門書です。HTML、CSSの知識から実践的なデザインのテクニックまで、豊富な実例とともにていねいに解説。ダウンロードできるサンプルデータつきで、手を動かしながら学べます。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 本書はwebサイトを制作してみたいが，何からはじめたらよいか分からない初心者を対象にwebサイト制作の流れや，webサイト制作に必要な基礎知識をわかりやすい言葉で解説しています。本書に掲載しているサンプルを作成することでHTMLの記述方法や，CSSを使ったスタイルの定義など，webサイト制作に必要な基本操作が体験しながら学べます。

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

HTMLとCSSが1日で学べるように，初心者に必要な知識を凝縮しました。HTML＆CSSの学習では，手を動かすこと，が一番の近道です。本書ではWebサイトを実際に作りながら，HTMLの基本構造から基本的なタグ，CSSによるフロートレイアウト・ポジションレイアウトまでを学んでいきます。また，今後の必須スキルであるレスポンシブ対応までしっかり解説。この1冊で，今後スキルを高めていくうえでベースとなる知識が身に付きます。

※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 最新のウェブサイトづくりが、はじめてでもよくわかる！ レッスンごとに課題が分かれているから、反復学習にも最適 パソコン／スマートフォン／タブレット表示に完全対応 本書の主人公であるみさき君が、リコーダー演奏会の告知サイトをつくるために、 HTML/CSSの達人、ヘンリーからWebサイトづくりを学びます。 漫画と共に、HTML/CSSの基礎知識からコンテンツのつくり方、 ネットへの公開までを、楽しみながら学習しましょう。 ●こんな人にぴったりです ウェブサイトをこれからつくってみたい人 自分のサイトで写真や文章を人に見せたい人 設計から公開までにやるべきことを短期間で身につけたい人 苦手な技術や課題を何度も学習したい人

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 本書では、モバイルファースト＆レスポンシブで、サンプルサイトを制作していく過程を実際に操作しながら学んでいきます。 サイトはパーツ単位で作成し、章ごとに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　簡易リファレンス』 本書のサポートサイトから入手してください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 「難しい」と敬遠していたCSSグリッドがきちんと身につく。 CSSグリッドを用いてWebサイトをデザインするための実践的な知識をまとめました。 より深く理解し身に着けるために、HTML & CSSの歴史から振り返り、CSSグリッドの立ち位置や基本を見直した上で、 実践的なパーツやUIを構築し、力がつく一冊になっています。 「CSSグリッドってなんだか難しい」と距離を置いていた方も、きっと使える知識が身につきます。 Chapter 1　Web標準のレイアウトシステム Chapter 2　CSSグリッドの誕生とその特徴 Chapter 3　基本のグリッド Chapter 4　CSSグリッドのロジック Chapter 5　グリッドレイアウト実践 エビスコム ebisu.com/ Webと出版を中心にフロントエンド開発・制作・デザインを行っています。 HTML/CSS、WordPress、 GatsbyJS、 Next.js、 Astro、 Docusaurus、Figma、 etc. 主な編著書： 『作って学ぶ WordPress ブロックテーマ』マイナビ出版刊 『作って学ぶ Next.js/React Webサイト構築』マイナビ出版刊 『作って学ぶ HTML＆CSSモダンコーディング』同上 『HTML5＆CSS3デザイン　現場の新標準ガイド【第２版】』同上 『Webサイト高速化のための 静的サイトジェネレーター活用入門』同上 『WordPressノート クラシックテーマにおけるtheme.jsonの影響と対策 2023』エビスコム電子書籍出版部刊 『Astro v2とTinaCMSでシンプルに作るブログサイト』同上 『HTML&CSS コーディング・プラクティスブック 1～8』同上 ほか多数 ※この商品は固定レイアウト型の電子書籍です。 ※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。 ※お使いの端末で無料サンプルをお試しいただいた上でのご購入をお願いいたします。 ※本書内容はカラーで制作されているため、カラー表示可能な端末での閲覧を推奨いたします

※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 基礎の基礎から、サイトの公開まで。 美しいサイトを作り、魅せるための、不朽の力が身につく。 執筆にあたり、この本はとくに以下の3点に重きを置いています。 ●一つ一つの手順が「なんのために行うのか」がわかる ●実践的なソースコードをふんだんに解説 ●ウェブサイト制作で求められる必須知識についても解説 一つのウェブサイトを作り上げるために必要な過程について、総合的かつ網羅的に解説し、読みやすい構成をこころがけて執筆しています。ぜひ、お手にとって、読んでいただけたら幸いです。 （著者の「はじめに」より抜粋）

【ユーティリティクラスという「契約」の力】 本書はTailwind CSSの実践的な入門書です。フロントエンドエンジニア、マークアップエンジニア、そしてデザインシステムの構築に興味があるデザイナーを対象に、Tailwind CSSの中核的な思想である「ユーティリティファースト」の理解へといざないます。Tailwind CSSの基本的な使い方や、デフォルトテーマによって提供されるクラスの紹介はもちろん、テーマのカスタマイズやプラグインの作成によってデザインシステムを作るための実践的なノウハウも詳説します。 ■こんな方におすすめ ・フロントエンドエンジニア、マークアップエンジニア ・デザインシステムの構築に興味があるデザイナー ・HTML+CSSはすでに身についているが、Tailwind CSSは使ったことがない方 ・Tailwind CSSをすでに使っているが、より良い使い方を求めている方 ・既存環境から移行やデザインシステムの構築に関心がある方 ■目次 ●第1章 ユーティリティファーストとは何か 　　1.1 ユーティリティファーストによるマークアップの基本 　　1.2 ユーティリティファーストのメリット 　　1.3 CSS設計の変化の歴史 　　1.4 既存のCSS設計から学べる教訓 　　1.5 なぜ今ユーティリティファーストなのか ●第2章 Tailwind CSSはどういうフレームワークか 　　2.1 Tailwind CSSが何を提供しているか 　　2.2 Tailwind CSSが何をやっていないか 　　2.3 まとめ ●第3章 Tailwind CSSを導入する 　　3.1 Tailwind CSSをインストールする 　　3.2 設定ファイルを書く──セットアップに必要な設定 　　3.3 設定ファイルを書く──テーマをカスタマイズする 　　3.4 開発用に確認する 　　3.5 エディタをセットアップする ●第4章 Tailwind CSSでマークアップする 　　4.1 Tailwind CSSにおけるマークアップ 　　4.2 基本的なユーティリティ 　　4.3 基本的なモディファイア 　　4.4 特殊な記法 　　4.5 公式プラグインを便利に使う ●第5章 Tailwind CSSの背後にあるコンセプトを理解する 　　5.1 プラガブルなCSSフレームワークであること 　　5.2 JITとは何か 　　5.3 関数とディレクティブ 　　5.4 Preflight 　　5.5 ダークモード ●第6章 Tailwind CSSでコンポーネントを設計する 　　6.1 CSSにとって抽象とは何か 　　6.2 コンポーネントの責務とインタフェース 　　6.3 コンポーネントに閉じないスタイルを前提に設計する 　　6.4 Tailwind CSSを補完するライブラリ群 ●第7章 Tailwind CSSをカスタマイズする 　　7.1 設定ファイルの高度な利用 　　7.2 presetを配布・利用する 　　7.3 JavaScript APIを利用する 　　7.4 独自のプラグインを作成する ●第8章 Tailwind CSSを既存のプロジェクトに導入する 　　8.1 なぜ既存のプロジェクトにTailwind CSSを導入するのか 　　8.2 既存CSSとの衝突を避けるために気を付けること 　　8.3 まとめ ●第9章 ユーティリティファーストでデザインシステムを構築する 　　9.1 デザインシステムとは何か 　　9.2 デザイントークンを定義する 　　9.3 デザインシステムを継続的に運用する 　　9.4 Tailwind CSSだけでは担保できないデザインシステムの領域 ■著者プロフィール 工藤智祥：1991年生まれ。名古屋大学大学院情報科学研究科を経て、2016年ピクシブ株式会社に新卒入社。フロントエンドを中心にWebエンジニアとしてクリエイター向けプラットフォームの開発に携わる。2020年よりピクシブ社内のデザインシステム「charcoal」の開発に関わり、Tailwind CSSを基盤技術の一つに選択。2022年にOSS化した。著書（共著）に『入門GUI──Webブラウザで作る本格インタラクション』（インプレスR＆D）がある。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 ホームページを自分の手で自由にデザインしたい！ HTMLとCSSを学ぶと、好きなウェブデザインができるようになります。本書は、HTMLとCSSを学びたい初心者のために、制作環境の準備からHTMLタグの意味、CSSスタイルシートの正しい使い方までをわかりやすく解説。スマホ用ウェブページの制作で基礎を学び、PC用の難しいウェブページ制作にステップアップすることで実力が身につきます！

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 現代の個人サイトをつくるための情報を1冊にあつめました。 ================================================================================== 創作・同人サイトのためのテンプレート・プログラム配布・ノウハウ発信メディア 「do」（https://do.gt-gt.org/）を運営する著者が、 HTMLとCSSについてやさしく丁寧に解説します！ ================================================================================== 本書は特典のテンプレートを使いながら、１からHTMLとCSSの基礎知識を身に付けられる、HTML＆CSS入門に最適な1冊です。 テンプレートを使いながらHTMLとCSSを理解することで、手軽に知識を身に付けることができます。 ＜本書の特徴＞ ●はじめてでもHTMLとCSSの基本をしっかり学べる ●イマドキのWeb事情にもしっかり対応。個人サイト×レスポンシブデザイン ●特典テンプレートを使って実践的に学べる！ ●お好みのものを使ってサイトづくり！ 　嬉しい≪3種≫の特典テンプレート＆サンプルファイルつき！ ＜こんな人におすすめ！＞ ●HTMLとCSSを基礎から学びたい人 ●ウェブサイトを自分で作ってみたい人 ●昔、個人サイトを作っていた人 ＜個人サイトって何？＞ 個人サイトと聞いて懐かしい気持ちになった方もいるのではないでしょうか。 個人サイトとはその名の通り、個人が作成し、運営しているウェブサイトのことです。 今から少し昔、TwitterやPixivがなかった時代、個人サイトといえば、イラストや漫画、小説を書く人たちにとっては欠かせない、コミュニケーションツールの1つでした。時折Twitterでも「#個人サイト」がトレンドに上がるなど、当時個人サイトを持っていた人たちにとっては、「良き時代」の1ページとして、心に刻まれているのではないでしょうか。 本書の特典テンプレートを使えば、簡単に≪現代仕様≫の個人サイトをつくることができます。 HTMLとCSSについて、しっかり解説もしているので、昔の知識を今にアップデートしたい、という人にもピッタリな1冊です。

本書は、電子書籍を［InDesign］から書き出して完成させる手順を詳細に解説した、初心者・素人にも分かる［Epub3］手引書。［Word］からテキスト抽出する場合の注意点、テキスト編集の仕方、エディタ［Mery］のマクロの使い方、［InDesign］におけるドキュメントの設定方法、［段落スタイル］［文字スタイル］の使い方、目次機能の使い方、［Epub3］書き出しの具体的なやり方、［Epub3］解体と編集の具体例による修正の仕方、［opf］［css］などの修正方法、［EPUB-Check］の仕方、ビューアーでの点検方法などの電子書籍を書き出す手順のすべてを、具体例を示して解説した実践のための手引書。電子書籍作成の初心者にわかるように、［DTP］編集者の目線で徹底的に解説。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 手順通りに操作するだけでホームページ作りの基本が身に付く! 愛犬のホームページをゼロから一緒に作ってみましょう。日記やリンク集、写真集のページを作るうちに、HTMLタグとスタイルシート(CSS)の書き方から、インターネットにホームページを公開する方法まで、必要な知識が無理なくしっかり学べます。さらに、愛犬の動画や旅行先の地図、Facebookのボタンなどを埋め込んでホームページを彩る方法も紹介。フリーソフトと素材集を収録した付属CD-ROMのデータは、インプレスジャパンの本書商品ページにてダウンロードできます。この1冊でホームページ作りをすぐに始められます!

飼い犬のホームページを作り上げる手順を楽しみながら追っていけば、ホームページ作りに欠かせないHTMLタグやスタイルシート（CSS）の基礎的な使い方や、サーバーへのアップロード方法など、ホームページを開設する上で必要な知識が身に付く！ 無料サンプルダウンロード付き

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 ●知識ゼロでもはじめられる入門書の決定版 ホームページの仕組みや構成の考え方など 基礎的な知識はもちろん、FTPソフトを使った ホームページの公開やメンテナンスを解説。 もちろん、HTMLやCSSのコーディングも しっかりと解説しています。 ●HTMLやCSSのタグ、プロパティを丁寧に解説 HTMLやCSSのコーディングを解説した章では 1つ1つのタグやプロパティを効率的に学べます。 順序よく読み進めていけば、自然とスキルアップが できるようにレッスンが構成されています。 ●フリーソフト・フリー素材付きですぐにはじめられる 本書で解説に利用しているテキストエディターや FTPソフト、画像編集ソフトをダウンロードデータに収録。 また、練習用ファイルも含まれているので ダウンロードする手間なく、すぐに学びはじめられます。 ●本書はこんな方にオススメです！ ・HTMLやCSSのコーディングをゼロから学びたい ・ホームページ作成ソフトで作ったデータを手直しできるようになりたい ・Web制作に携わる職業を目指していて、基礎を学びたい ※紙書籍に同梱されているCD-ROMは電子書籍版には含まれませんが、CD-ROMの内容と同等のダウンロードデータをご用意しております。ダウンロードデータの入手方法については本書2ページの「サンプルファイルについて」をご覧ください。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 初心者から熟練者まで、すべてのWeb制作者のための早引き事典の最新版！ 本書は、HTMLの要素（タグ）とCSSのプロパティを解説した事典です。 HTMLの要素やCSSのプロパティの意味、対応ブラウザーなどがひと目で分かるほか、豊富なサンプルコードで、使い方も理解できます。 WordPressなどのCMSで新規サイトを構築するときに、既存サイトのコードを解読したいと思ったときに、タグやプロパティの内容をサッと調べることができる便利な1冊です。 また、HTMLやCSSの基本的な書き方はもちろん、HTML5からHTML Living Standardに標準仕様が移った経緯などの技術的背景、文字参照やURLの構成といったWeb制作者として不可欠な知識も解説しています。 ●このような方におすすめ ・HTML＆CSSを記述・修正する必要のある人 ・Webデザイナーや、情報システム部などでWebサイトを内製で構築する担当者 ・HTML＆CSSの勉強をしている大学生や新入社員

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 手元に置いて引きやすい定番のHTMLとCSSの事典が、 最新仕様に準拠しリニューアル！ 本書は、HTML Living Standardの仕様に準拠した要素（タグ）と、 主要なブラウザーで動作するCSS3およびCSS4のプロパティをすべて掲載しています。 手元に置いておきやすいコンパクトなB6判で、 目次のほかに要素名・プロパティ名のインデックスもあるので、 必要な情報をサッと調べることができます。 ◆要素・プロパティごとの使い方が分かる！ サンプルコードを豊富に掲載 本書では、 ・HTMLの要素に使用できる属性 ・CSSのプロパティに指定できる値 を掲載しています。 また、ほとんどの要素やプロパティに個別のサンプルコードを掲載し、 使用例が分かるようになっています。 サンプルコードは、読者限定でダウンロードも可能です。 ◆100個以上のプロパティやセレクターを追加！ 「グリッドレイアウト」やCSS4のモジュールにも対応 最近のWebページのレイアウトに使われることが多い、 「グリッドレイアウト」に関連するプロパティを掲載しています。 また、ブラウザーで動作するCSS4のモジュールにも対応し、 新たに追加されたセレクターなども掲載しています。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 ●知識ゼロでもはじめられる入門書の決定版ホームページの仕組みや構成の考え方など基礎的な知識はもちろん、FTPソフトを使ったホームページの公開やメンテナンスを解説。もちろん、HTMLやCSSのコーディングもしっかりと解説しています。●HTMLやCSSのタグ、プロパティを丁寧に解説HTMLやCSSのコーディングを解説した章では1つ1つのタグやプロパティを効率的に学べます。順序よく読み進めていけば、自然とスキルアップができるようにレッスンが構成されています。さらに、スマートフォンに対応した「レスポンシブデザイン」の章を追加しました。●フリー素材ですぐにはじめられる本書で解説に利用しているテキストエディターやFTPソフト、画像編集ソフトをダウンロードで提供。各章で完成できるコードも収録しているので、完成形も確認できます。●本書はこんな方にオススメです! ・HTMLやCSSのコーディングをゼロから学びたい・ホームページ作成ソフトで作ったデータを手直しできるようになりたい・Web制作に携わる職業を目指していて、基礎を学びたい

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 累計で6000万部を突破したパソコン入門書の定番「できるシリーズ」から、HTMLとCSS(スタイルシート)が身に付く解説書がポケットサイズで登場! 基本・実践・応用まで。 ホームページ作りで必要なスキルはこの1冊で! ●画面と文字が大きく読みやすい! 丁寧な解説でHTML&CSS初心者でも安心。 HTML&CSSの操作とデータの実例に応じて、大きな画面と文字でホームページの仕組みや、タグの記述方法など丁寧に解説。 手順に沿って操作するだけで、ホームページが無理なく作れる。 Hint!では、レッスンに関する一歩進んだ知識を紹介。 さらに、操作の要点をPointで解説。 ホームページ作りが初めてでも挫折しません! ●ホームページに必要なフリーソフトを用意。 すぐにホームページ作成が始められる! ホームページ作成に必要なソフトウェアは弊社のWebページからダウンロードできます。 ・テキストエディター「TeraPad」 ・FTPソフト「FFFTP」 ・画像変種ソフト「Paint.NET」

CSSの文法は知っているが、いざWebページをデザインするとなると、 具体的にどのようにコーディングすれば良いのか分からない。そんな人のために、見出しやリスト、フォームなど、 Webページを構成する部品のデザインサンプルを紹介し、 CSSによるスタイリングのイディオムを理解してもらうための本です。 実務で必ず使うテクニックを厳選して紹介、 ホームページやブログパーツのカスタマイズにすぐに役立てられます。 ※本電子書籍は同名オンデマンド出版物を底本として作成しました。記載内容は印刷出版当時のものです。※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。（翔泳社）

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 「HTMLとCSSを勉強したいけれど何から手をつければいいか分からない」と悩んでいる人に向けて，基本的な書式から，よく使われるHTMLタグやCSSプロパティの意味，さらにモバイル対応まで丁寧に解説した本です。本書の手順にしたがってHTMLとCSSを記述していくことで，ウェブページを一から作りあげることができます。まずは基礎をしっかり押さえて，スムーズなステップアップにつなげましょう! 本シリーズは一流講師陣を集めた「ロクナナワークショップ」を主催するロクナナが内容を完全監修！

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております】 最初からこうして教えてほしかった!スタイルシートの定番と最新を、まるごと習得! CSS(Cascading Style Sheets)は、Webサイト制作のもっとも基本となる技術です。様々なブログツールやスマートフォン向けのサイトのデザインにも欠くことはできず、ますます活用の幅が広がっています。本書は、そのCSSを基礎から最新のCSS3活用まで、きっちり学びたい人のための本です。CSSの書式や基本要素はもちろん、ボックスによるレイアウトテクニック、リストによるナビゲーション、さらにCSS3の半透明・影付・角丸といった定番技から段組・変形・アニメーションといった上級技まで、一通り学ぶことができます。またCSSのためのHTMLも解説しているので初心者でも安心です。シリーズ同様、サンプルデータをWebからダウンロードできるので、実際に作りながら楽しくマスターできます。 ※本電子書籍は同名出版物を底本とし作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。

ユーザーとして知っておきたいWebページの基礎を学び，シンプルなWebページを自分で構築できるようになる一冊。写真や動画の挿入法など，学んで楽しい技術を多数紹介する。大学の講義用テキストに最適です。※この商品は紙の書籍のページを画像にした電子書籍です。文字だけを拡大することはできませんので、タブレットサイズの端末での閲読を推奨します。また、文字列のハイライトや検索、辞書の参照、引用などの機能も使用できません。

※この商品はタブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。 モダンWebの制作現場へ、ようこそ！ 保守性・拡張性・再利用性を高めるモジュール設計の基本と実践。 SMACSS、BEM、モジュール設計、npm、Flexible Boxまで！ CSSのコーディングをしたことのある人であれば、「CSSを指定したら、 思いもしなかった箇所のスタイルが崩れた」「新たに上書きをしていったら CSSが煩雑になった」「CSSファイルの肥大化して、どこを編集したらいいのか わからなくなった」といった経験が少なからずあるはずです。 本書は、こうした状況を未然に防ぐための設計手法について、基本から実装方法まで 解説します。CSSの言語的な特性から、「SMACSS」や「BEM」といったCSS設計の 方法論、CSSプリプロセッサ「Sass」の導入、さらに、実際にサンプルの Webサイト構築フローを追いながら、保守・運用までを考慮した破綻しないCSSを 設計・実装するまでの具体的なプロセスについて一冊で学べます。 実際にサイトデータをダウンロードして学べるから理解が深まります。 【本書の構成】 第1部「CSS設計の前提」 第2部「メンテナブルなCSS」 第3部「CSS設計のプロセス」 第4部「CSS設計の実践」 付録「Flexible Box Layout」 【本書の読者】 ・フロントエンド開発の作法を学びたいWebデザイナー&エンジニア ・Webアプリケーションを作りたいWebデザイナー ・フルスタックを目指すWebエンジニア ※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。 ※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。 ※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。 ※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

【一冊でHTML/CSS/JavaScriptの開発技術が学べる！】 フロントエンド開発の範囲は広く、習得すべき技術は多種多様です。HTML・CSS・JavaScriptはフロントエンドエンジニアにとって共通言語ではあるものの、Webサイトを制作するのか、Webアプリケーションを開発するのか、その違いによって採用すべき技術は全く異なります。それは、Webの多様性に対して技術的な正解がひとつではないことを示しています。 本書はフロントエンドの技術を俯瞰し、「エンジニアが共通して知っておくべき技術はなにか」、「（多種多様なエンジニアにとって）どの分野にフォーカスしてスキルアップを目指すべきか」を示すことを目的としています。開発現場でのワークフローを疑似体験したり、各種技術の概要とコードに触れることで理解の促進を目指します。 「フロントエンド技術は移り変わりが激しい」と言われてきました。しかし、その状況は変わりつつあります。2010年代はHTML5やECMAScript 2015の過渡期にあり、フロントエンドの技術は大きく変化しました。現在は、ツールやフレームワークの変化はあれど、開発における基本的な考え方はそれほど変化していません。成熟したフロントエンドの技術を、本書を通してこのタイミングでキャッチアップしてほしいと考えています。 また、「未経験のエンジニアにとって、フロントエンド業界に入ったときに学んでほしいこと」をこの一冊で網羅できることを筆者は裏テーマとして設定しました。初心者の方も、すでに業界で取り組んでいるエンジニアの方にとっても、知識のボトムアップに繋がる一冊を目指します。 ■こんな方におすすめ ・フロントエンド開発にこれから携わりたい方 ・フロントエンド開発に携わって1～2年の方 ・Webサイト制作に携わっていて、フロントエンド全般について知りたい方 ・Webサイト制作、Webアプリケーション開発それぞれの知識や違いを知りたい方 ■目次 第1章 フロントエンド開発の全体像 　　1.1 フロントエンドとは何か 　　1.2 制作・開発の進め方 　　1.3 HTMLとCSSとJavaScript 第2章 フロントエンド開発環境を用意しよう 　　2.1 Node.jsの使い方 　　2.2 Node.jsの役割 　　2.3 エディタ・IDE 　　2.4 開発環境の導入方法 第3章 現場の開発を体験してみよう 　　3.1 実践！フロントエンド開発 第4章 標準仕様の動向 　　4.1 Web標準の仕様 　　4.2 ブラウザの互換性 第5章 より良い開発のための次の一歩 　　5.1 JavaScriptフレームワーク 　　5.2 CSSの周辺技術 　　5.3 CSSフレームワーク 　　5.4 TypeScript. 　　5.5 Web API 　　5.6 オールインワンなフレームワーク 　　5.7 WebGL 第6章 品質を向上させるための取り組み 　　6.1 デザインツールと画像形式 　　6.2 アクセシビリティ 　　6.3 Webブラウザの開発者ツール 　　6.4 Lighthouse 　　6.5 コード品質の向上 　　6.6 テスト 　　6.7 CI/CD 　　6.8 セキュリティ ■著者プロフィール 池田 泰延（いけだ やすのぶ）：株式会社ICS代表。筑波大学非常勤講師。ICS MEDIA編集長。テクニカルディレクターとして、ウェブのフロントエンドの開発を行う。得意分野はWebGLやデータビジュアライゼーション。X:https://twitter.com/clockmaker 西原 翼（にしはら つばさ）：株式会社ICSのインタラクションデザイナー。建築関係からスクールを経てWeb業界に転身する。企業のコーポレートサイトからWebアプリまで幅広く携わる。CSSでの表現の可能性を探っている。記事:https://ics.media/entry/staff/nishihara/ 松本 ゆき（まつもと ゆき）：株式会社ICS ICSフロントエンドエンジニア。SIerでのJava Webシステムの企画開発からUXコンサルタントを経て、フロントエンドエンジニアに転身。新しいアイデアを企画段階からプロトタイピングしていくことが得意。

【CSSのルールと手法を根本から身につける！】 CSSによるデザインは、とくに近年のスマートフォンの普及やブラウザの進化により、実力を発揮できる場面が増えてきています。従来は画像に頼っていた角丸やシャドウなどの凝った演出も、CSS3を利用すればコードだけで表現できます。ビットマップ画像と異なり解像度に依存しないため、スマートフォンやタブレットの高解像度ディスプレイにも対応できます。PC側でも非対応ブラウザのサポート切れによる淘汰が進んだことから、かなりCSS3が使いやすい状況が生まれているといえるでしょう。 本書ではこのような現状を踏まえ、Web制作者が必ず知っておかなくてはならないCSSの情報を改めてまとめました。CSSの基本文法から、各プロパティの詳細、迷いやすいCSSによる配置の仕組みまで、初学者の方に必要な基礎的な情報を網羅しています。また、CSSを使いこなすためには、文法の理解だけでなく、実際のWebページでどのようにコードを書くのかのノウハウの蓄積も大切です。本書の後半では「実践編」として、多彩なページレイアウト、各デザインパーツの作り込み、そのほかのCSSに関連した手法や技術などを盛り込んでいます。ベースとなる基礎知識と実際のコードをあわせて学ぶことで、現場で役立つCSSの総合的な実力を養える一冊です。