このたびは、「すべての人に知っておいてほしい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等のコメントや改行位置等は、紙面掲載用として加工しているため、ダウンロードしたサンプルデータとは異なる場合があります。
このたびは『すべての人に知っておいてほしいHTML5 & CSS3の基本原則』をご購入いただきまして、誠にありがとうございました。
本書で紹介しているWebサービス/Webアプリなどは、状況に応じてアップデートやバージョンアップが行われることがあるため、書籍執筆時点の内容から変更している場合がございます。
そこで、こうしたアップデートやバージョンアップなどによって変更された項目について把握したものを、当ページで追加で逐次情報提供いたしますので、本書をお読みになる際にご参考にしてください。
■5章 5-02「ブラウザで撮影して写真をサーバへ送る」について(2012.10.12)
本書P144~145で、Android OS 4.0の標準ブラウザで、スマートフォンのカメラ機能をコントロールして写真データをサーバへ送る手法が紹介されております。こちらは、執筆時点ではAndroidでのみ行える技術でしたが、先ごろリリースされたアップル社のiOS6から、標準ブラウザのSafariでも本機能に対応しました。
なお、本記事の執筆を担当された秋葉秀樹氏のブログでもこれらのことについて補足しておりますので、あわせてご覧いただけますようお願い申し上げます。
秋葉秀樹氏ブログ
https://akibahideki.com/blog/htmlcss/ios6safarimediacapture-api.html