From 1e8d3f6d6df5d022bfb491c1773755fd6b72b1b5 Mon Sep 17 00:00:00 2001 From: basara669 Date: Wed, 12 Oct 2016 14:29:21 +0900 Subject: [PATCH 1/4] =?UTF-8?q?=5Fsanitize.scss=E3=81=AE=E8=BF=BD=E5=8A=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- downloadFile/sanitize/_snitize.scss | 305 ++++++++++++++++++++++++++++ 1 file changed, 305 insertions(+) create mode 100644 downloadFile/sanitize/_snitize.scss diff --git a/downloadFile/sanitize/_snitize.scss b/downloadFile/sanitize/_snitize.scss new file mode 100644 index 0000000..988e1da --- /dev/null +++ b/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 */ From 94a60ef6168da1620a558c7b039c5eff309529d9 Mon Sep 17 00:00:00 2001 From: basara669 Date: Wed, 12 Oct 2016 15:05:37 +0900 Subject: [PATCH 2/4] =?UTF-8?q?sanitize.css=E3=81=AB=E3=81=A4=E3=81=84?= =?UTF-8?q?=E3=81=A6=E3=81=AE=E8=BF=BD=E8=A8=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/README.md b/README.md index 694832e..bad1bfe 100644 --- a/README.md +++ b/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 上部画像 ##### 誤 From 15b282ff7f93724795b59eda1fd9b5513047e20c Mon Sep 17 00:00:00 2001 From: basara669 Date: Wed, 12 Oct 2016 15:14:13 +0900 Subject: [PATCH 3/4] =?UTF-8?q?P136=E3=81=AB=E3=81=A4=E3=81=84=E3=81=A6?= =?UTF-8?q?=E3=82=B3=E3=83=A1=E3=83=B3=E3=83=88=E3=82=92=E8=BF=BD=E5=8A=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 3 +++ 1 file changed, 3 insertions(+) diff --git a/README.md b/README.md index bad1bfe..7b80c6c 100644 --- a/README.md +++ b/README.md @@ -100,6 +100,9 @@ ##### 正 ブラウザでtest.htmlを開いてください。 +#### P136 1行目 +「デザインカンプ通りのレイアウトになりました。」とありますが、この時点では、アスペクト比を修正しただけですので、「デザインカンプ通りのサイズになりました」が正しいです。 +その後のP143でデザインカンプ通りになります。 #### P156 下部scss ##### 誤 From b7c9eaa81122ea6eecf89fe19db7fddeb6cb6e47 Mon Sep 17 00:00:00 2001 From: basara669 Date: Wed, 12 Oct 2016 15:43:35 +0900 Subject: [PATCH 4/4] =?UTF-8?q?editorconfig=E3=81=AE=E8=BF=BD=E5=8A=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- downloadFile/site/.editorconfig | 9 +++++++++ 1 file changed, 9 insertions(+) create mode 100644 downloadFile/site/.editorconfig diff --git a/downloadFile/site/.editorconfig b/downloadFile/site/.editorconfig new file mode 100644 index 0000000..fe38df0 --- /dev/null +++ b/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