├── .editorconfig ├── .gitignore ├── LICENSE ├── README.md ├── app ├── .htaccess ├── android-chrome-144x144.png ├── android-chrome-192x192.png ├── android-chrome-36x36.png ├── android-chrome-48x48.png ├── android-chrome-72x72.png ├── android-chrome-96x96.png ├── apple-touch-icon-114x114.png ├── apple-touch-icon-120x120.png ├── apple-touch-icon-144x144.png ├── apple-touch-icon-152x152.png ├── apple-touch-icon-180x180.png ├── apple-touch-icon-57x57.png ├── apple-touch-icon-60x60.png ├── apple-touch-icon-72x72.png ├── apple-touch-icon-76x76.png ├── apple-touch-icon-precomposed.png ├── apple-touch-icon.png ├── assets │ ├── images │ │ ├── .keep │ │ ├── alice.jpg │ │ ├── baseline-grid.png │ │ ├── law-of-proximity.png │ │ ├── modular-mockup.jpg │ │ ├── proximity-example.png │ │ ├── resume-after.png │ │ ├── resume-before.png │ │ ├── smartunderline.png │ │ └── vertical-rhythm.png │ ├── js │ │ ├── analytics.js │ │ ├── back-to-top.js │ │ ├── highlight.pack.js │ │ ├── jquery.smooth-scroll.js │ │ └── polyfill │ │ │ ├── html5-shiv.js │ │ │ └── ie-love.js │ └── scss │ │ ├── base │ │ ├── _base.scss │ │ ├── _color.scss │ │ ├── _helpers.scss │ │ └── _typography.scss │ │ ├── components │ │ ├── _button.scss │ │ └── _styled-list.scss │ │ ├── main.scss │ │ ├── sections │ │ ├── _book.scss │ │ └── _chapters.scss │ │ └── vendor │ │ ├── _highlight-style.scss │ │ ├── _reeeset.scss │ │ └── _smartunderline.scss ├── browserconfig.xml ├── chapters │ ├── conclusion │ │ └── conclusion.html │ ├── fonts │ │ ├── choosing-fonts.html │ │ ├── font-loading.html │ │ ├── opentype-features.html │ │ └── using-web-fonts.html │ ├── introduction │ │ └── introduction.html │ ├── typographic-design │ │ ├── gestalt-laws-in-typography.html │ │ └── visual-hierarchy.html │ └── web-style-guide │ │ ├── color.html │ │ ├── containers.html │ │ ├── font-sizing.html │ │ ├── relative-units.html │ │ ├── underlining.html │ │ └── vertical-spacing.html ├── crossdomain.xml ├── favicon-16x16.png ├── favicon-32x32.png ├── favicon-96x96.png ├── favicon.ico ├── index.html ├── manifest.json ├── mstile-144x144.png ├── mstile-150x150.png ├── mstile-310x150.png ├── mstile-310x310.png ├── mstile-70x70.png ├── safari-pinned-tab.svg └── supplementary │ └── alice │ ├── alice.css │ └── index.html ├── gulpfile.js └── package.json /.editorconfig: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/.editorconfig -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/.gitignore -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/LICENSE -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/README.md -------------------------------------------------------------------------------- /app/.htaccess: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/.htaccess -------------------------------------------------------------------------------- /app/android-chrome-144x144.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/android-chrome-144x144.png -------------------------------------------------------------------------------- /app/android-chrome-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/android-chrome-192x192.png -------------------------------------------------------------------------------- /app/android-chrome-36x36.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/android-chrome-36x36.png -------------------------------------------------------------------------------- /app/android-chrome-48x48.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/android-chrome-48x48.png -------------------------------------------------------------------------------- /app/android-chrome-72x72.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/android-chrome-72x72.png -------------------------------------------------------------------------------- /app/android-chrome-96x96.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/android-chrome-96x96.png -------------------------------------------------------------------------------- /app/apple-touch-icon-114x114.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/apple-touch-icon-114x114.png -------------------------------------------------------------------------------- /app/apple-touch-icon-120x120.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/apple-touch-icon-120x120.png -------------------------------------------------------------------------------- /app/apple-touch-icon-144x144.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/apple-touch-icon-144x144.png -------------------------------------------------------------------------------- /app/apple-touch-icon-152x152.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/apple-touch-icon-152x152.png -------------------------------------------------------------------------------- /app/apple-touch-icon-180x180.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/apple-touch-icon-180x180.png -------------------------------------------------------------------------------- /app/apple-touch-icon-57x57.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/apple-touch-icon-57x57.png -------------------------------------------------------------------------------- /app/apple-touch-icon-60x60.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/apple-touch-icon-60x60.png -------------------------------------------------------------------------------- /app/apple-touch-icon-72x72.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/apple-touch-icon-72x72.png -------------------------------------------------------------------------------- /app/apple-touch-icon-76x76.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/apple-touch-icon-76x76.png -------------------------------------------------------------------------------- /app/apple-touch-icon-precomposed.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/apple-touch-icon-precomposed.png -------------------------------------------------------------------------------- /app/apple-touch-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/apple-touch-icon.png -------------------------------------------------------------------------------- /app/assets/images/.keep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/assets/images/alice.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/assets/images/alice.jpg -------------------------------------------------------------------------------- /app/assets/images/baseline-grid.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/assets/images/baseline-grid.png -------------------------------------------------------------------------------- /app/assets/images/law-of-proximity.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/assets/images/law-of-proximity.png -------------------------------------------------------------------------------- /app/assets/images/modular-mockup.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/assets/images/modular-mockup.jpg -------------------------------------------------------------------------------- /app/assets/images/proximity-example.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/assets/images/proximity-example.png -------------------------------------------------------------------------------- /app/assets/images/resume-after.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/assets/images/resume-after.png -------------------------------------------------------------------------------- /app/assets/images/resume-before.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/assets/images/resume-before.png -------------------------------------------------------------------------------- /app/assets/images/smartunderline.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/assets/images/smartunderline.png -------------------------------------------------------------------------------- /app/assets/images/vertical-rhythm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/assets/images/vertical-rhythm.png -------------------------------------------------------------------------------- /app/assets/js/analytics.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/assets/js/analytics.js -------------------------------------------------------------------------------- /app/assets/js/back-to-top.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/assets/js/back-to-top.js -------------------------------------------------------------------------------- /app/assets/js/highlight.pack.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/assets/js/highlight.pack.js -------------------------------------------------------------------------------- /app/assets/js/jquery.smooth-scroll.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/assets/js/jquery.smooth-scroll.js -------------------------------------------------------------------------------- /app/assets/js/polyfill/html5-shiv.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/assets/js/polyfill/html5-shiv.js -------------------------------------------------------------------------------- /app/assets/js/polyfill/ie-love.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/assets/js/polyfill/ie-love.js -------------------------------------------------------------------------------- /app/assets/scss/base/_base.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/assets/scss/base/_base.scss -------------------------------------------------------------------------------- /app/assets/scss/base/_color.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/assets/scss/base/_color.scss -------------------------------------------------------------------------------- /app/assets/scss/base/_helpers.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/assets/scss/base/_helpers.scss -------------------------------------------------------------------------------- /app/assets/scss/base/_typography.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/assets/scss/base/_typography.scss -------------------------------------------------------------------------------- /app/assets/scss/components/_button.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/assets/scss/components/_button.scss -------------------------------------------------------------------------------- /app/assets/scss/components/_styled-list.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/assets/scss/components/_styled-list.scss -------------------------------------------------------------------------------- /app/assets/scss/main.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/assets/scss/main.scss -------------------------------------------------------------------------------- /app/assets/scss/sections/_book.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/assets/scss/sections/_book.scss -------------------------------------------------------------------------------- /app/assets/scss/sections/_chapters.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/assets/scss/sections/_chapters.scss -------------------------------------------------------------------------------- /app/assets/scss/vendor/_highlight-style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/assets/scss/vendor/_highlight-style.scss -------------------------------------------------------------------------------- /app/assets/scss/vendor/_reeeset.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/assets/scss/vendor/_reeeset.scss -------------------------------------------------------------------------------- /app/assets/scss/vendor/_smartunderline.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/assets/scss/vendor/_smartunderline.scss -------------------------------------------------------------------------------- /app/browserconfig.xml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/browserconfig.xml -------------------------------------------------------------------------------- /app/chapters/conclusion/conclusion.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/chapters/conclusion/conclusion.html -------------------------------------------------------------------------------- /app/chapters/fonts/choosing-fonts.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/chapters/fonts/choosing-fonts.html -------------------------------------------------------------------------------- /app/chapters/fonts/font-loading.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/chapters/fonts/font-loading.html -------------------------------------------------------------------------------- /app/chapters/fonts/opentype-features.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/chapters/fonts/opentype-features.html -------------------------------------------------------------------------------- /app/chapters/fonts/using-web-fonts.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/chapters/fonts/using-web-fonts.html -------------------------------------------------------------------------------- /app/chapters/introduction/introduction.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/chapters/introduction/introduction.html -------------------------------------------------------------------------------- /app/chapters/typographic-design/gestalt-laws-in-typography.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/chapters/typographic-design/gestalt-laws-in-typography.html -------------------------------------------------------------------------------- /app/chapters/typographic-design/visual-hierarchy.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/chapters/typographic-design/visual-hierarchy.html -------------------------------------------------------------------------------- /app/chapters/web-style-guide/color.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/chapters/web-style-guide/color.html -------------------------------------------------------------------------------- /app/chapters/web-style-guide/containers.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/chapters/web-style-guide/containers.html -------------------------------------------------------------------------------- /app/chapters/web-style-guide/font-sizing.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/chapters/web-style-guide/font-sizing.html -------------------------------------------------------------------------------- /app/chapters/web-style-guide/relative-units.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/chapters/web-style-guide/relative-units.html -------------------------------------------------------------------------------- /app/chapters/web-style-guide/underlining.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/chapters/web-style-guide/underlining.html -------------------------------------------------------------------------------- /app/chapters/web-style-guide/vertical-spacing.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/chapters/web-style-guide/vertical-spacing.html -------------------------------------------------------------------------------- /app/crossdomain.xml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/crossdomain.xml -------------------------------------------------------------------------------- /app/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/favicon-16x16.png -------------------------------------------------------------------------------- /app/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/favicon-32x32.png -------------------------------------------------------------------------------- /app/favicon-96x96.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/favicon-96x96.png -------------------------------------------------------------------------------- /app/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/favicon.ico -------------------------------------------------------------------------------- /app/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/index.html -------------------------------------------------------------------------------- /app/manifest.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/manifest.json -------------------------------------------------------------------------------- /app/mstile-144x144.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/mstile-144x144.png -------------------------------------------------------------------------------- /app/mstile-150x150.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/mstile-150x150.png -------------------------------------------------------------------------------- /app/mstile-310x150.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/mstile-310x150.png -------------------------------------------------------------------------------- /app/mstile-310x310.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/mstile-310x310.png -------------------------------------------------------------------------------- /app/mstile-70x70.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/mstile-70x70.png -------------------------------------------------------------------------------- /app/safari-pinned-tab.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/safari-pinned-tab.svg -------------------------------------------------------------------------------- /app/supplementary/alice/alice.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/supplementary/alice/alice.css -------------------------------------------------------------------------------- /app/supplementary/alice/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/app/supplementary/alice/index.html -------------------------------------------------------------------------------- /gulpfile.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/gulpfile.js -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KennethWangDotDev/TypographyHandbook/HEAD/package.json --------------------------------------------------------------------------------