このたびは、「すべての人に知っておいてほしいHTML5 & CSS3の基本原則」をご購入いただきまして、誠にありがとうございます。
以下に本書の解説で使用したサンプルデータを用意しましたのでご利用ください。
・mdn_html5gnsk_samples.zip（6.8MB）
［収録内容］
Chapter 2
2-03 テキストスタイルに関する新プロパティ
2-06 CSS3 時代のボックス装飾
2-07 CSS3 時代の背景設定
Chapter 3
3-04 animation
3-05 組み合わせで標準プリセットにない動きを表現する
3-06 jQueryを用いたtransitionコンボ
Chapter 4
4-01 画像を使わずにCSS3で作るボタン
4-02 アニメーションするナビゲーション
4-03 transformを使った雑誌風のレイアウト
4-04 画像を使わないパンくずリスト／タブ
4-05 見映えのよいフォームを手軽に作る
4-06 CSSによる立体表現の基礎
4-07 CSSとHTMLだけで作る3D 回転キューブ
4-08 スマートフォンでも見やすいページにする
Chapter 5
5-02 ブラウザで写真を撮影してサーバへ送る
5-03 カメラのライブ映像をコマ撮りにしてブラウザに残す
5-04 バイブレーションを鳴らしてフォーム入力ミスなどを知らせる
5-05 位置情報を取得し、Google Mapsに現在位置を表示する
5-06 電池残量を取得して電池量をCSSでグラフィカル表示
5-07 画像をドラッグ&ドロップしてサーバにアップロード
Chapter 6
6-02 Flashからのコンバート
6-03 Edge Animateでのアニメーション作成
6-04 CreateJSでCanvas アニメーションを作成
Chapter 7
7-01 CSS3の装飾とアニメーションのみで実装するギャラリーサイト
7-02 CSS3で実装する動きのあるボタンとインターフェイス
7-03 Canvasを使って作るインタラクションのあるグラフ
7-04 Edge Animateで作成するFlashライクなサイト
■ダウンロードにあたってのご注意■
ダウンロードファイルは、ZIP形式で圧縮されています。Windows、Macそれぞれの解凍ソフトを使って圧縮ファイルを解凍してください。
サンプルデータには「サンプルファイルについて.txt」が同梱されていますので、ご使用の前に必ずお読みください。
本サンプルは本文記載のコードの確認用としてご提供するものです。ダウンロードファイルを解凍すると、サンプルデータが各節ごとにHTML、CSS、JavaScriptなどの各種ファイルとして収録されています。ブラウザにドロップするなどしてご利用ください。5-02、5-07のサンプルについては、PHPコードを含むため、WebサーバやあるいはXAMPPなどの環境で所定の位置にファイルをアップしたうえで、PC、スマートフォンやタブレットのブラウザでアクセスしてください。Webサーバの設定、ファイルのアップロード場所などについては、サーバ管理者に問い合わせてください。
機種、OSのバージョン、ブラウザのバージョンに左右されるため、環境によってはうまく動作しない恐れがあります。あらかじめご了承ください。
※当サイトからダウンロードできるサンプルデータおよびリンクされたWebサイトを実行した結果につきましては、著者および株式会社エムディエヌコーポレーションは一切の責任を負いかねます。お客様の責任においてご利用ください。
※弊社WebサイトからダウンロードできるサンプルデータおよびリンクされたWebサイトは、本書の解説内容をご理解いただくために、ご自身で試される場合にのみ使用できる参照用データです。その他の用途での使用や配布などは一切できませんので、あらかじめご了承ください。ただし「jQuery」等の一般に公開されているJavaScriptライブラリについては、各ライブラリのライセンス条件に従います。
※弊社WebサイトからダウンロードできるサンプルデータおよびリンクされたWebサイトの著作権は、それぞれの制作者に帰属します。
※本書に掲載されているHTML、CSS、JavaScript等のコメントや改行位置等は、紙面掲載用として加工しているため、ダウンロードしたサンプルデータとは異なる場合があります。
