Difference between revisions of "Písmo a typografie"
m |
m |
||
| (9 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
[[Kategorie:Vývoj webu]] | [[Kategorie:Vývoj webu]] | ||
| − | + | __FORCETOC__ | |
| + | === Za základní web považuji: === | ||
[http://typomil.com/ Typomil] - Typografie — dříve spíše souhrnné označení pro tiskárenský průmysl, později pro grafickou úpravu tiskovin, dnes především nauka o písmu, jeho zákonitostech a správném užití (sazba, výtvarná typografie, písmo na webu aj.), nebo také práce s písmem a jeho uspořádání v grafických projevech. Typomil má kapitoly Písmo, Sazba, Kompozice, Typografie na webu. | [http://typomil.com/ Typomil] - Typografie — dříve spíše souhrnné označení pro tiskárenský průmysl, později pro grafickou úpravu tiskovin, dnes především nauka o písmu, jeho zákonitostech a správném užití (sazba, výtvarná typografie, písmo na webu aj.), nebo také práce s písmem a jeho uspořádání v grafických projevech. Typomil má kapitoly Písmo, Sazba, Kompozice, Typografie na webu. | ||
| Line 9: | Line 10: | ||
[http://www.typetester.org/ Type Tester] - on-line pomůcka pro porovnání textu na obrazovce | [http://www.typetester.org/ Type Tester] - on-line pomůcka pro porovnání textu na obrazovce | ||
| − | ''' | + | [http://pxtoem.com/ PXtoEM.com PX to EM conversion made simple] - převodní tabulka px/em/%/pt |
| + | ---------------- | ||
| + | '''Polygrafie''': [http://www.didottisk.cz/index.php Didot - polygrafická společnost] | ||
| + | |||
| + | Z webu [http://www.sazba.cz/ Studio Lacerta] je článek [http://sazba.cz/korektury/do.pdf Jak na korektury v pdf] | ||
| + | --------------- | ||
| + | ===Velmi důležité: === | ||
[http://premium.wpmudev.org/blog/what-you-know-about-wordpress-typography-is-wrong/ Most of What You "Know" About WordPress Typography is Wrong -] | [http://premium.wpmudev.org/blog/what-you-know-about-wordpress-typography-is-wrong/ Most of What You "Know" About WordPress Typography is Wrong -] | ||
| Line 23: | Line 30: | ||
* [http://www.hongkiat.com/blog/typography-tools-resources/ Understanding Typography: 10 helpful tools and resources] | * [http://www.hongkiat.com/blog/typography-tools-resources/ Understanding Typography: 10 helpful tools and resources] | ||
* [http://www.hongkiat.com/blog/understanding-typography-for-web/ Understanding Typography: Writing for the Web] | * [http://www.hongkiat.com/blog/understanding-typography-for-web/ Understanding Typography: Writing for the Web] | ||
| + | |||
| + | === Použití em vs rem === | ||
| + | *[https://webdesign.tutsplus.com/tutorials/comprehensive-guide-when-to-use-em-vs-rem--cms-23984 Comprehensive Guide: When to Use Em vs. Rem] - You may have come to terms with using flexible units of measurement, but you still might not fully understand when to use '''rem''' and when to use '''em'''. This tutorial will help you figure it out! | ||
| + | *[https://j.eremy.net/confused-about-rem-and-em/ Confused About REM and EM?] - REM can be confusing, especially without a solid understanding of its partner EM and their archvillain, the PX. | ||
| + | *[https://www.vzhurudolu.cz/prirucka/jednotky Jednotky pro tvorbu webu (em, rem, %, px, vh, vw): Kde použít jakou?] - Pojďme si tady shrnout všechny CSS jednotky použitelné v dnešním webdesignu. A na příkladu ukázat, k čemu se která hodí. | ||
| + | *[https://www.vzhurudolu.cz/prirucka/bootstrap-typografie Jak správně navázat na typografické principy Bootstrapu] | ||
| + | *[http://clagnut.com/blog/348/ How to size text using ems] | ||
| + | |||
| + | {{Tags}} typografie korektury písmo font em rem | ||
Latest revision as of 17:35, 19 February 2020
Za základní web považuji:
Typomil - Typografie — dříve spíše souhrnné označení pro tiskárenský průmysl, později pro grafickou úpravu tiskovin, dnes především nauka o písmu, jeho zákonitostech a správném užití (sazba, výtvarná typografie, písmo na webu aj.), nebo také práce s písmem a jeho uspořádání v grafických projevech. Typomil má kapitoly Písmo, Sazba, Kompozice, Typografie na webu.
The Scourge of Arial (Pohroma Arial) - krásná story o písmech Helvetica a Arial.
Type Tester - on-line pomůcka pro porovnání textu na obrazovce
PXtoEM.com PX to EM conversion made simple - převodní tabulka px/em/%/pt
Polygrafie: Didot - polygrafická společnost
Z webu Studio Lacerta je článek Jak na korektury v pdf
Velmi důležité:
Most of What You "Know" About WordPress Typography is Wrong -
Many WordPress designers seem to think typography is nothing more than choosing the right plugin to get a bunch of “cool fonts” onto their pages and posts. That’s understandable because almost anyone might get that idea after reading the typical typography-related blog posts out there.
But the art of typography is about so much more than that, and the power of good typography can make a huge difference in the way visitors react to our WordPress websites.
Několik článků na hongkiat.com:
- 9 WordPress Plugins To Do More With Your Fonts
- Clever Typography Designs That Make You Think
- Quick Guide to Typography
- Understanding Typography: 10 helpful tools and resources
- Understanding Typography: Writing for the Web
Použití em vs rem
- Comprehensive Guide: When to Use Em vs. Rem - You may have come to terms with using flexible units of measurement, but you still might not fully understand when to use rem and when to use em. This tutorial will help you figure it out!
- Confused About REM and EM? - REM can be confusing, especially without a solid understanding of its partner EM and their archvillain, the PX.
- Jednotky pro tvorbu webu (em, rem, %, px, vh, vw): Kde použít jakou? - Pojďme si tady shrnout všechny CSS jednotky použitelné v dnešním webdesignu. A na příkladu ukázat, k čemu se která hodí.
- Jak správně navázat na typografické principy Bootstrapu
- How to size text using ems
Štítky: typografie korektury písmo font em rem
