├── .gitignore ├── README.md ├── examples ├── hanging-punctuation_first-last.html ├── hanging-punctuation_first.html ├── hanging-punctuation_last.html ├── initial.html ├── link__hyphens.html ├── link__hyphens_disabled.html ├── link__hyphens_ellipses.html └── numeric.html ├── images ├── Donald-Duck-astronaut.jpg ├── Font units.svg ├── Launchpad_McQuack.gif ├── Launchpad_McQuack_2.jpg ├── all-is-bad.jpg ├── astroduck.jpg ├── baseline.png ├── baseline.svg ├── bukvica.png ├── bukvica__example.jpg ├── bukvica__example.png ├── combo-breaker.png ├── duck_1.jpg ├── duck_1_step.gif ├── duck_2.jpg ├── duck_2_step.gif ├── duck_3.jpg ├── duck_on_rails.jpg ├── font-feature-settings__caniuse.png ├── font-variant-alternates__caniuse.png ├── font-variant-numeric_numeric-fraction-values_diagonal-fractions.png ├── font-variant-numeric_numeric-fraction-values_stacked-fractions.png ├── font-variant-numeric_ordinal.png ├── font-variant-numeric_slashed-zero.png ├── fraid.png ├── french-punctuation-opt.gif ├── gagarin.png ├── glyphe.png ├── glyphe.svg ├── graf.jpg ├── gyro.png ├── hanging-punctuation__example_artgorbunov.png ├── hanging-punctuation__gosh-hang-it.png ├── hanging-punctuation_first-last.png ├── hanging-punctuation_first.png ├── hanging-punctuation_last.png ├── hanging-punctuation_left.png ├── hanging-punctuation_right.png ├── hyphens__artlebedev_comments.png ├── hyphens__artlebedev_original.jpg ├── hyphens__caniuse.png ├── iam.png ├── initial.png ├── letter-spacing.png ├── line-height.png ├── link__hyphens.png ├── link__hyphens_disabled.png ├── link__hyphens_ellipses.png ├── mayakovskiy.jpg ├── medium-and-x-others-opt.gif ├── medium-date-range-opt.gif ├── medium-hair-space-em-dash.gif ├── medium-thin-space-menu-opt.gif ├── my_duck.png ├── numbers.png ├── numbers__type.png ├── postcss.svg ├── responsive-type.gif ├── scrooge.jpg ├── scrooge_active.jpg ├── scrooge_jump.jpg ├── sitnik-2.png ├── sitnik.png ├── space__types.jpg ├── space__types.svg ├── tweet-taunt-animation-opt.gif ├── typo-graph.png ├── typograph__example_disabled.png ├── typograph__example_enabled.png ├── typographic_unit.png ├── typounit.png ├── vertical-rythm__baseline.png ├── vertical-rythm__example_lines_hidden.png └── vertical-rythm__example_lines_show.png └── package.json /.gitignore: -------------------------------------------------------------------------------- 1 | _docs/ 2 | dist/ -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/README.md -------------------------------------------------------------------------------- /examples/hanging-punctuation_first-last.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/examples/hanging-punctuation_first-last.html -------------------------------------------------------------------------------- /examples/hanging-punctuation_first.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/examples/hanging-punctuation_first.html -------------------------------------------------------------------------------- /examples/hanging-punctuation_last.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/examples/hanging-punctuation_last.html -------------------------------------------------------------------------------- /examples/initial.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/examples/initial.html -------------------------------------------------------------------------------- /examples/link__hyphens.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/examples/link__hyphens.html -------------------------------------------------------------------------------- /examples/link__hyphens_disabled.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/examples/link__hyphens_disabled.html -------------------------------------------------------------------------------- /examples/link__hyphens_ellipses.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/examples/link__hyphens_ellipses.html -------------------------------------------------------------------------------- /examples/numeric.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/examples/numeric.html -------------------------------------------------------------------------------- /images/Donald-Duck-astronaut.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/Donald-Duck-astronaut.jpg -------------------------------------------------------------------------------- /images/Font units.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/Font units.svg -------------------------------------------------------------------------------- /images/Launchpad_McQuack.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/Launchpad_McQuack.gif -------------------------------------------------------------------------------- /images/Launchpad_McQuack_2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/Launchpad_McQuack_2.jpg -------------------------------------------------------------------------------- /images/all-is-bad.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/all-is-bad.jpg -------------------------------------------------------------------------------- /images/astroduck.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/astroduck.jpg -------------------------------------------------------------------------------- /images/baseline.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/baseline.png -------------------------------------------------------------------------------- /images/baseline.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/baseline.svg -------------------------------------------------------------------------------- /images/bukvica.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/bukvica.png -------------------------------------------------------------------------------- /images/bukvica__example.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/bukvica__example.jpg -------------------------------------------------------------------------------- /images/bukvica__example.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/bukvica__example.png -------------------------------------------------------------------------------- /images/combo-breaker.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/combo-breaker.png -------------------------------------------------------------------------------- /images/duck_1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/duck_1.jpg -------------------------------------------------------------------------------- /images/duck_1_step.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/duck_1_step.gif -------------------------------------------------------------------------------- /images/duck_2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/duck_2.jpg -------------------------------------------------------------------------------- /images/duck_2_step.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/duck_2_step.gif -------------------------------------------------------------------------------- /images/duck_3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/duck_3.jpg -------------------------------------------------------------------------------- /images/duck_on_rails.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/duck_on_rails.jpg -------------------------------------------------------------------------------- /images/font-feature-settings__caniuse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/font-feature-settings__caniuse.png -------------------------------------------------------------------------------- /images/font-variant-alternates__caniuse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/font-variant-alternates__caniuse.png -------------------------------------------------------------------------------- /images/font-variant-numeric_numeric-fraction-values_diagonal-fractions.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/font-variant-numeric_numeric-fraction-values_diagonal-fractions.png -------------------------------------------------------------------------------- /images/font-variant-numeric_numeric-fraction-values_stacked-fractions.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/font-variant-numeric_numeric-fraction-values_stacked-fractions.png -------------------------------------------------------------------------------- /images/font-variant-numeric_ordinal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/font-variant-numeric_ordinal.png -------------------------------------------------------------------------------- /images/font-variant-numeric_slashed-zero.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/font-variant-numeric_slashed-zero.png -------------------------------------------------------------------------------- /images/fraid.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/fraid.png -------------------------------------------------------------------------------- /images/french-punctuation-opt.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/french-punctuation-opt.gif -------------------------------------------------------------------------------- /images/gagarin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/gagarin.png -------------------------------------------------------------------------------- /images/glyphe.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/glyphe.png -------------------------------------------------------------------------------- /images/glyphe.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/glyphe.svg -------------------------------------------------------------------------------- /images/graf.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/graf.jpg -------------------------------------------------------------------------------- /images/gyro.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/gyro.png -------------------------------------------------------------------------------- /images/hanging-punctuation__example_artgorbunov.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/hanging-punctuation__example_artgorbunov.png -------------------------------------------------------------------------------- /images/hanging-punctuation__gosh-hang-it.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/hanging-punctuation__gosh-hang-it.png -------------------------------------------------------------------------------- /images/hanging-punctuation_first-last.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/hanging-punctuation_first-last.png -------------------------------------------------------------------------------- /images/hanging-punctuation_first.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/hanging-punctuation_first.png -------------------------------------------------------------------------------- /images/hanging-punctuation_last.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/hanging-punctuation_last.png -------------------------------------------------------------------------------- /images/hanging-punctuation_left.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/hanging-punctuation_left.png -------------------------------------------------------------------------------- /images/hanging-punctuation_right.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/hanging-punctuation_right.png -------------------------------------------------------------------------------- /images/hyphens__artlebedev_comments.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/hyphens__artlebedev_comments.png -------------------------------------------------------------------------------- /images/hyphens__artlebedev_original.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/hyphens__artlebedev_original.jpg -------------------------------------------------------------------------------- /images/hyphens__caniuse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/hyphens__caniuse.png -------------------------------------------------------------------------------- /images/iam.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/iam.png -------------------------------------------------------------------------------- /images/initial.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/initial.png -------------------------------------------------------------------------------- /images/letter-spacing.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/letter-spacing.png -------------------------------------------------------------------------------- /images/line-height.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/line-height.png -------------------------------------------------------------------------------- /images/link__hyphens.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/link__hyphens.png -------------------------------------------------------------------------------- /images/link__hyphens_disabled.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/link__hyphens_disabled.png -------------------------------------------------------------------------------- /images/link__hyphens_ellipses.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/link__hyphens_ellipses.png -------------------------------------------------------------------------------- /images/mayakovskiy.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/mayakovskiy.jpg -------------------------------------------------------------------------------- /images/medium-and-x-others-opt.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/medium-and-x-others-opt.gif -------------------------------------------------------------------------------- /images/medium-date-range-opt.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/medium-date-range-opt.gif -------------------------------------------------------------------------------- /images/medium-hair-space-em-dash.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/medium-hair-space-em-dash.gif -------------------------------------------------------------------------------- /images/medium-thin-space-menu-opt.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/medium-thin-space-menu-opt.gif -------------------------------------------------------------------------------- /images/my_duck.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/my_duck.png -------------------------------------------------------------------------------- /images/numbers.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/numbers.png -------------------------------------------------------------------------------- /images/numbers__type.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/numbers__type.png -------------------------------------------------------------------------------- /images/postcss.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/postcss.svg -------------------------------------------------------------------------------- /images/responsive-type.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/responsive-type.gif -------------------------------------------------------------------------------- /images/scrooge.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/scrooge.jpg -------------------------------------------------------------------------------- /images/scrooge_active.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/scrooge_active.jpg -------------------------------------------------------------------------------- /images/scrooge_jump.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/scrooge_jump.jpg -------------------------------------------------------------------------------- /images/sitnik-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/sitnik-2.png -------------------------------------------------------------------------------- /images/sitnik.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/sitnik.png -------------------------------------------------------------------------------- /images/space__types.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/space__types.jpg -------------------------------------------------------------------------------- /images/space__types.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/space__types.svg -------------------------------------------------------------------------------- /images/tweet-taunt-animation-opt.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/tweet-taunt-animation-opt.gif -------------------------------------------------------------------------------- /images/typo-graph.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/typo-graph.png -------------------------------------------------------------------------------- /images/typograph__example_disabled.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/typograph__example_disabled.png -------------------------------------------------------------------------------- /images/typograph__example_enabled.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/typograph__example_enabled.png -------------------------------------------------------------------------------- /images/typographic_unit.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/typographic_unit.png -------------------------------------------------------------------------------- /images/typounit.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/typounit.png -------------------------------------------------------------------------------- /images/vertical-rythm__baseline.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/vertical-rythm__baseline.png -------------------------------------------------------------------------------- /images/vertical-rythm__example_lines_hidden.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/vertical-rythm__example_lines_hidden.png -------------------------------------------------------------------------------- /images/vertical-rythm__example_lines_show.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/images/vertical-rythm__example_lines_show.png -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Realetive/lecture-duck-tales/HEAD/package.json --------------------------------------------------------------------------------