Merge pull request #6 from basara669/161012_modify

modify sample data and README

README.md

@@ -20,6 +20,11 @@
 - [リリースノート](https://github.com/basara669/html_css_book/releases) に更新内容を記載しておりますので、参考にしていただけますと幸いです。
 - GitHubのアカウントをお持ちの方はwatchしていだけると、更新された際には通知が届くようになります。
 
+### sanitize.cssについて
+ 本書のP82にリセットCSSとして「sanitize.css」の使い方を紹介しています。この3段落目に「ダウンロードしましょう」とありますが、執筆時点からバージョンが上がってしまったこともあり、最新版（v4.1.0 2016年10月現在）のものを適用するとその後の部分でキャプチャ通りにならなくなります。
+ 本ダウンロードファイルのsanitizeというフォルダの中に、執筆時点のバージョン（v3.2.0）を入れました。
+ 最新版は使用せず、このファイルをご使用ください。
+
 ### FAQ
 #### scssファイルの更新がcssに反映されない場合
 それまでgulpが正常に動いてる場合、gulp側のエラーではなくscssファイル側に記述ミスが発生している可能性があります。  
@@ -29,6 +34,7 @@
 見づらいレイアウトとなっていますが、こちらはTipsというもので、本編とは違う発展的な内容になっています。  
 本編だけを読みたいという方はこのTipsは読み飛ばしていただいても問題ございません。
 
+
 ### 正誤表
 #### P18 上部画像
 ##### 誤
@@ -94,6 +100,9 @@
 ##### 正
 ブラウザでtest.htmlを開いてください。
 
+#### P136 1行目
+「デザインカンプ通りのレイアウトになりました。」とありますが、この時点では、アスペクト比を修正しただけですので、「デザインカンプ通りのサイズになりました」が正しいです。
+その後のP143でデザインカンプ通りになります。
 
 #### P156 下部scss
 ##### 誤

downloadFile/sanitize/_snitize.scss

@@ -0,0 +1,305 @@
+@charset 'utf-8';
+
+/*! sanitize.css v3.2.0 | CC0 1.0 Public Domain | github.com/10up/sanitize.css */
+
+/*
+ * Normalization
+ */
+
+audio:not([controls]) {
+    display: none; /* Chrome 44-, iOS 8+, Safari 9+ */
+}
+
+button {
+    -webkit-appearance: button; /* iOS 8+ */
+    overflow: visible; /* Internet Explorer 11- */
+}
+
+details {
+    display: block; /* Edge 12+, Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+ */
+}
+
+html {
+    -ms-overflow-style: -ms-autohiding-scrollbar; /* Edge 12+, Internet Explorer 11- */
+    overflow-y: scroll; /* All browsers without overlaying scrollbars */
+    -webkit-text-size-adjust: 100%; /* iOS 8+ */
+}
+
+input {
+    -webkit-border-radius: 0 /* iOS 8+ */
+}
+
+input[type="button"],
+    input[type="reset"],
+    input[type="submit"] {
+    -webkit-appearance: button;/* iOS 8+ */
+}
+
+input[type="number"] {
+    width: auto;/* Firefox 36+ */
+}
+
+input[type="search"] {
+    -webkit-appearance: textfield;/* Chrome 45+, Safari 9+ */
+}
+
+input[type="search"]::-webkit-search-cancel-button,
+        input[type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none;/* Chrome 45+, Safari 9+ */
+}
+
+main {
+    display: block; /* Android 4.3-, Internet Explorer 11-, Windows Phone 8.1+ */
+}
+
+pre {
+    overflow: auto; /* Internet Explorer 11- */
+}
+
+progress {
+    display: inline-block; /* Internet Explorer 11-, Windows Phone 8.1+ */
+}
+
+small {
+    font-size: 75%; /* All browsers */
+}
+
+summary {
+    display: block; /* Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+ */
+}
+
+svg:not(:root) {
+    overflow: hidden; /* Internet Explorer 11- */
+}
+
+template {
+    display: none; /* Android 4.3-, Internet Explorer 11-, iOS 7-, Safari 7-, Windows Phone 8.1+ */
+}
+
+textarea {
+    overflow: auto; /* Edge 12+, Internet Explorer 11- */
+}
+
+[hidden] {
+    display: none; /* Internet Explorer 10- */
+}
+
+/*
+ * Universal inheritance
+ */
+
+*,
+:before,
+:after {
+    box-sizing: inherit;
+}
+
+* {
+    font-size: inherit;
+    line-height: inherit;
+}
+
+:before,
+:after {
+    text-decoration: inherit;
+    vertical-align: inherit;
+}
+
+
+
+/*
+ * Opinionated defaults
+ */
+
+/* specify the border style and width of all elements */
+
+*,
+:before,
+:after {
+    border-style: solid;
+    border-width: 0;
+}
+
+/* specify the core styles of all elements */
+
+* {
+    background-repeat: no-repeat;
+    margin: 0;
+    padding: 0;
+}
+
+/* specify the root styles of the document */
+
+:root {
+    background-color: #ffffff;
+    box-sizing: border-box;
+    color: #000000;
+    cursor: default;
+    font: 100%/1.5 sans-serif;
+}
+
+/* specify the text decoration of anchors */
+
+a {
+    text-decoration: none;
+}
+
+/* specify the alignment of media elements */
+
+audio,
+canvas,
+iframe,
+img,
+svg,
+video {
+    vertical-align: middle;
+}
+
+/* specify the background color of form elements */
+
+button,
+input,
+select,
+textarea {
+    background-color: transparent;
+}
+
+/* specify the inherited color and font of form elements */
+
+button,
+input,
+select,
+textarea {
+    color: inherit;
+    font-family: inherit;
+    font-style: inherit;
+    font-weight: inherit;
+}
+
+/* specify the minimum height of form elements */
+
+button,
+[type="button"],
+[type="date"],
+[type="datetime"],
+[type="datetime-local"],
+[type="email"],
+[type="month"],
+[type="number"],
+[type="password"],
+[type="reset"],
+[type="search"],
+[type="submit"],
+[type="tel"],
+[type="text"],
+[type="time"],
+[type="url"],
+[type="week"],
+select,
+textarea {
+    min-height: 1.5em;
+}
+
+/* specify the font family of code elements */
+
+code,
+kbd,
+pre,
+samp {
+    font-family: monospace, monospace;
+}
+
+/* specify the list style of nav lists */
+
+nav ol,
+nav ul {
+    list-style: none;
+}
+
+/* specify the standard appearance of selects */
+
+select {
+    -moz-appearance: none;    /* Firefox 40+ */
+    -webkit-appearance: none /* Chrome 45+ */
+}
+
+select::-ms-expand {
+    display: none;/* Edge 12+, Internet Explorer 11- */
+}
+
+select::-ms-value {
+    color: currentColor;/* Edge 12+, Internet Explorer 11- */
+}
+
+/* specify the border styling of tables */
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}
+
+/* specify the resizability of textareas */
+
+textarea {
+    resize: vertical;
+}
+
+/* specify the background color, font color, and drop shadow of text selections */
+
+::-moz-selection {
+    background-color: #b3d4fc; /* required when declaring ::selection */
+    color: #ffffff;
+    text-shadow: none;
+}
+
+::selection {
+    background-color: #b3d4fc; /* required when declaring ::selection */
+    color: #ffffff;
+    text-shadow: none;
+}
+
+/* specify the progress cursor of updating elements */
+
+[aria-busy="true"] {
+    cursor: progress;
+}
+
+/* specify the pointer cursor of trigger elements */
+
+[aria-controls] {
+    cursor: pointer;
+}
+
+/* specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
+
+[aria-disabled] {
+    cursor: default;
+}
+
+/* specify the style of visually hidden yet accessible elements */
+
+[hidden][aria-hidden="false"] {
+    clip: rect(0 0 0 0);
+    display: inherit;
+    position: absolute
+}
+
+[hidden][aria-hidden="false"]:focus {
+    clip: auto;
+}
+
+/* remove delay from tapping on clickable elements */
+
+a,
+area,
+button,
+input,
+label,
+select,
+textarea,
+[tabindex] {
+    -ms-touch-action: manipulation;
+        touch-action: manipulation;
+}
+
+/*# sourceMappingURL=sanitize.css.map */

downloadFile/site/.editorconfig

@@ -0,0 +1,9 @@
+# editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+insert_final_newline = true