Příprava dokumentů

Typografie se zabývá písmem a jeho použitím v různých médiích. Typografická pravidla zajišťují přehlednost a srozumitelnost sdělení, v současnosti nacházejí uplatnění hlavně v digitální sazbě a obecně tvorbě digitálních dokumentů.

Základ úpravy dokumentů je vhodné použití typů písma, např. rozlišování patkových a bezpatkových písem, neproporcionálního písma, tučného řezu, kurzívy.

K přehledné úpravě dokumentů patří také správné použití interpunkce a speciálních znaků, např. správné psaní mezer, uvozovek, závorek a pomlček.

Pro pokročilejší úpravu dokumentů je pak potřeba znát typografické pojmy jako účaří, proklad, sirotek, vdova.

Základními druhy písem jsou písma:

• patková (serif) – Mají příčně ukončené tahy, vhodná spíše pro delší texty.
• bezpatková (sans-serif) – Obvykle vhodná pro kratší texty, nadpisy a zobrazování na displejích.
• ozdobná – Zejména pro příležitostné využití.

Sada znaků určitého stylu, zejména v digitální podobě, se označuje jako font.

Písmo může mít různé šířky jednotlivých znaků – v takovém případě se jedná o písmo proporcionální. Naopak tzv. neproporcionální písma mají znaky stejně široké, užívají se hlavně při psaní počítačového kódu.

Různé řezy písma slouží zejména k vyznačování. Patří mezi ně:

• tučný řez (bold) – Pro důrazné zvýraznění, opticky vystupuje z okolního textu.
• kurziva (italika) – Nakloněný řez, jeho kresba směřuje k psacímu písmu, slouží k jemnějšímu zvýraznění či např. vyznačování pojmů.
• kapitálky – Mají tvar velkých písmen, ale velikost malých.

Zvýraznění podtržením se v textech spíše nepoužívá, neboť přeškrtává spodní tahy písmen. Je však zvykem jím vyznačovat internetové odkazy.

VELKÁ PÍSMENA (verzálky, majuskule) je vhodně ke zvýrazňování používat jen velmi střídmě.

Interpunkční znaménka se používají k členění textu, patří mezi ně například tečka, čárka, středník, vykřičník, otazník a dvojtečka. Interpunkce má úplně jiný význam než diakritika. Diakritická znaménka se umisťují přímo k písmenům a pozměňují jejich význam (v češtině jde nejčastěji o háčky a čárky).

Psaní mezer

• Mezi tečku (.), čárku (,), vykřičník (!), otazník (?), dvojtečku (:) či středník (;) a následující slovo se přidává mezera, před nimi se nepíše, např. Lucie, přihraj.
• Bez mezery se v češtině zapisuje čárka v desetinných číslech (3,14) nebo tečka/dvojtečka v zápisu času (20.00 hodin).
• Mezera se píše před levou a za pravou závorku: příklad (názorný) týkající se psaní závorek.
• Mezi slova se píše vždy jen jediná mezera.
• Mezera může měnit význam sdělení, např. 20 km znamená „dvacet kilometrů“ (podstatné jméno). Číslovky následované přídavným jménem se píší bez mezery, např. 18letá = osmnáctiletá, 20km = dvacetikilometrový.
• Pevná (nezlomitelná) mezera slouží např. ke svázání předložky a následujícího slova (tak, aby předložka nezůstala na konci řádku).
• Mezerou lze oddělovat tisíce v zápisu čísel (42 000 losů), naopak nikdy se nepoužívá při psaní letopočtu (rok 2023).

Speciální symboly

• České uvozovky vypadají takto: „kuřátka“, anglické takto: “Walter”. Jedná se o zvláštní znaky, např. počáteční uvozovky je nepřípustné psát jako dvě čárky.
• Na klávesnici je běžně přítomen znak spojovníku (-), ten slouží ke spojování slov (např. fialovo-bílý, Brno-střed), obvykle se píše bez mezer.
• Pomlčka (krátká, en: –, dlouhá, em: —) obvykle vyjadřuje pomlku v řeči: v takovém případě se obaluje mezerami z obou stran (Podívej – to je ale spoušť!). Bez mezer se píše při vyjadřování rozsahu (10–12 °C). Pomlčku lze do textu vložit jako zvláštní znak. Běžné textové procesory obvykle během psaní na pomlčku přemění spojovník obalený mezerami či dvojici spojovníků.
• Ve vědeckých zápisech se používají indexy. Horní index: \mathrm{m^3}, dolní index: \mathrm{H_2O}.
• Mezi další často užívané zvláštní znaky patří např. & (ampersand, anglicky and), × či ∙ (znaménko krát, první variantu neplést s x), / (lomítko), ° (znak stupně) či ⟶ (šipka).

Písmo je souborem znaků (glyfů). Určitá kresebná varianta písma se označuje jako řez (např. tučné písmo, kurziva = italika), skupina řezů tvoří rodinu písma. Sada znaků jednotného stylu, zejména ve spojení s digitální technologií, se nazývá font. Možnost plynulého nastavení kresebných variant (např. tloušťky, šířky znaků aj.) v současnosti nabízejí tzv. variabilní fonty.

S písmem jsou spojeny např. tyto pojmy:

• MAJUSKULE, VERZÁLKA – velké písmeno
• minuskule, minuska – malé písmeno
• kapitálka – velké písmeno velikosti malého, jako řez se používá k vyznačování
• ligatura – slitek znaků, často např. „fi“, „fl“
• index – horní či dolní, zmenšená varianta znaku používaná zpravidla ve vědeckém zápisu

Jako diakritické znaménko (akcent) se označuje znaménko v bezprostředním okolí písmene, které pozměňuje jeho význam/výslovnost (např. háček). Interpunkční znaménka se vkládají mezi písmena, upravují členění textu (např. tečka, dvojtečka, vykřičník).

Linie tvořící osnovu písma se označují jako dotažnice, základní linie, na níž písmena „sedí“, se nazývá účaří. Obvykle svislou vzdálenost řádků, respektive účaří, určuje proklad.

Text je možné zarovnávat zpravidla doleva, na střed, doprava či do bloku (v takovém případě se první slovo nachází na samotném začátku řádku a končí na jeho samém konci). Na začátku nebo konci stránky (či sloupce) by neměly být osamocené řádky (vdovy, sirotci, též souhrnně parchanty).

Prostrkání je vzdálenost znaků. Jako kerning se označuje specifické prostrkání mezi určitými znaky (např. ve slově VLTAVA bude horní tah T nad spodním tahem L, aby mezi písmeny nevznikla příliš velká optická mezera).

Počítačové prezentace doprovázejí představování určitého tématu. Sestávají z jednotlivých slidů (snímků), ty obsahují text či obrázky a jsou graficky upravené.

Organizace prezentace

Prezentace obvykle obsahuje následující součásti:

• Titulní snímek – obsahuje informace o tématu prezentace či jména autora (autorů).
• Obsah (seznam kapitol či témat) – zvláště u delších prezentací, když je namístě ujasnit publiku, co bude následovat.
• Vlastní obsah.
• Seznam zdrojů, případně odkazy na další informace, závěr.

Zpracování prezentace

Prezentace lze zpracovávat a předvádět pomocí k tomu určených aplikací, mezi které patří např. Google Slides (Prezentace), Microsoft PowerPoint, LibreOffice Impress, Apple Keynote a další.

• Text na slidech je obvykle vhodné uspořádat do bodů formátovaných do odrážkového seznamu.
  • Textu by na slidu mělo být spíše méně, např. 3–5 bodů. To usnadňuje orientaci prezentujícímu i publiku.
  • Body by měly být stručné. Pro jejich zkrácení lze např. vynechat slovesa, využívat pomlčky aj. Krátké body prezentujícího nesvádějí k doslovenému čtení textu.
  • Položky odrážkového seznamu mnohdy nejsou větami, není tedy nutné je zakončovat tečkou. Mohou začínat malým či velkým písmenem, důležitá je v celé prezentaci dodržovat stejný způsob psaní.
• Prezentace by měla být graficky jednotná. K tomu přispívá využití šablon slidů (např. Titulní snímek, Nadpis a hlavní část aj.).
• Text by měl být dostatečně velký a kontrastní (tedy barvou odlišný od pozadí, s nímž by neměl splývat).
• Měl by se dodržovat pravopis a gramatika, ale také typografická pravidla.
• Součásti slidů by měly být vhodně rozložené, např. obrázky by neměly překrývat jiné obrázky či text.
• Není namístě nadužívat animace (např. přechody slidů, pohybování s texty či obrázky).

Práce se zdroji

• Do prezentace se sluší uvádět zdroje přejatých informací (zpravidla na konec) i obrázků (přímo k obrázkům, nebo též na konec – je-li obrázky nutné citovat, např. při licenci CC BY).

• Informace v prezentaci není namístě doslovně kopírovat ze zdrojů. Je vhodné je formulovat tak, aby prezentující předávaným informacím sám rozuměl (např. složitější odborné termíny přepsat jednoduššími slovy).

Prezentování

Počítačová prezentace často bývá promítána pomocí dataprojektoru, může ale být zobrazována i na displeji (např. za účelem sdílení v rámci videohovoru). Ke zvýraznění určitých informací lze použít např. laserové ukazovátko či prezentér, který také umožňuje přepínání slidů na dálku.

Při samotném předvádění prezentace by prezentující měli:

• Rozumět tématu, mít přehled (i o informacích uvedených v prezentaci).
• Hovořit zřetelně, přiměřeně hlasitě. Mluvit směrem k publiku, udržovat s ním kontakt.
• Obsah komentovat vlastními slovy.

Časté chyby při prezentování jsou např. tyto:

• Doslovné čtení ze slidů, soustavné dívání se do projekce či do papírů.
• Neuvědomělé pohyby těla, např. přešlapování, „hraní si“ s předmětem v ruce (např. prezentérem).

Při využívání informací z určitých zdrojů je mnohdy nutné tyto zdroje citovat, neboli uvést původ přebíraných informací.

Využíváme-li přímou citaci, citujeme doslovně daný zdroj a přebíraný text uvádíme do uvozovek. Přímé citace je vhodné používat velmi střídmě. Nepřímá citace spočívá v přeformulování informace vlastními slovy, tento způsob citování je daleko běžnější.

Při citování se obvykle uvádějí odkazy do textu, např. (Nováková 2022). Zpravidla pod čarou či na konci dokumentu se nachází samotná bibliografie (bibliografické záznamy), zde jsou obsaženy podrobnější informace o citovaných zdrojích.

V českojazyčném prostředí se obvykle cituje pomocí normy ISO-690. Například biblografický záznam knihy v rámci tohoto citačního stylu vypadá takto:

PŘÍJMENÍ, jméno, rok. Název knihy. Místo vydání: nakladatelství. ISBN ISBN. Dostupné z: URL

Pro efektivní organizaci zdrojů a automatické vytváření citací je možné využít citační manažery (např. Zotero). Ty obvykle nabízejí propojení s textovým procesorem.

Co se týče zdrojů informací, tzv. primární zdroje pojednávají bezprostředně o zcela konkrétním tématu (např. výsledky experimentu či zkoumání). Sekundární zdroje čerpají z primárních (např. monografie, pojednává o poměrně úzce vymezeném tématu). Terciární zdroje pak shrnují primární a sekundární zdroje a dávají všeobecný přehled o určité oblasti (např. encyklopedie).

Textový procesor je aplikace určená k vytváření a úpravě dokumentů, které obsahují formátovaný text. Tyto dokumenty mohou být zpracovávány např. za účelem tisku či digitálního prohlížení. Typickými editovatelnými formáty pro ukládání textových dokumentů jsou ODT (to je otevřený formát) či DOCX, dokumenty určené jen ke čtení/prohlížení se běžně exportují do formátu PDF.

Základní formátování textu

Mezi základní možnosti formátování textu patří nastavení určitého fontu, velikosti písma, tučného řezu písma () či kurzivy (). Ručně nastavené formátování textu bývá možné vymazat ().

Více položek je možné zorganizovat do odrážkového () či číslovaného () seznamu. Do dokumentu bývá též možné vkládat tabulky (), textové rámce, geometrické tvary či matematické vzorce.

Text v dokumentu lze zarovnat, např. doleva () či do bloku (). Též lze nastavovat odsazení ve svislém směru, předsazení prvního řádku odstavců či určitou velikost řádkování.

Úprava stránek

Co se týče pozicování textu, obecně platí, že je nevhodné používat k odsazování mezery (lze nastavit zarovnání či předsazení prvního řádku) či vkládání prázdných řádků (lze nastavit svislé odsazení či vložením konce stránky text posunout na začátek nové stránky). Textový procesor text na konci řádku sám zalomí (tedy text pokračuje na dalším řádku), obvykle je možné využívat automatické dělení slov.

V textovém procesoru bývá možné nastavit formát stránky, velikost okrajů (čím menší okraje, tím více prostoru je pro samotný obsah dokumentu). Do textového dokumentu bývá možné vkládat obrázky, ty se mnohdy nechávají obtékat textem.

Další vlastnosti textových procesorů

Textový procesor obvykle umožňuje do určité míry kontrolovat pravopis a gramatiku ().

Při digitálním zpracování textu je výhodné používat styly textu. Nastaví se jimi např. podoba normálního textu či určité úrovně nadpisů. Styly textu zajistí jednotný vzhled dokumentu. Při změně definice stylu (např. nadpis 2. úrovně) se změní veškerý text daného stylu (např. všechny nadpisy 2. úrovně). Když mají nadpisy v dokumentu nastavený patřičný styl, textový procesor na základě toho obvykle dokáže automaticky vygenerovat obsah (včetně čísel stránek).

Zvuk, který člověk vnímá, je mechanické vlnění prostředí (typicky vzduchu) o frekvenci 20 Hz – 20 000 Hz. Toto vlnění může být zaznamenáváno mikrofonem, signál se poté může uložit do digitálního zařízení v podobě binárních dat. Při přehrávání se data převedou opět na signál. Jeho výkon se zvětší zesilovačem a reproduktor signál převede chvěním membrány na vlnění vzduchu. Zvukový signál může být tvořen i přímo v počítači (např. v editorech zvuku či softwaru pro tvorbu hudby).

Zvukový signál mezi zařízeními lze přenášet např. za použití konektorů cinch či jack. Při připojení externího zařízení přes Bluetooth (např. bezdrátový reproduktor, sluchátka) se z digitálního zařízení přenáší digitální signál.

Zvuk je možné ukládat bezztrátově (jsou zachována všechna data, např. u formátů WAV, FLAC), nebo s využitím ztrátové komprese. Zvuk komprimovaný ztrátově obecně sestává z menšího množství dat, což je výhodné např. při streamování. Mezi ztrátové zvukové formáty patří např. MP3 či OGG. Data se cíleně odstraňují tak, aby toto odstranění mělo co možná nejmenší vliv na zvuk. Čím je nižší přenosová rychlost (bitrate), tím znatelnější je úbytek kvality.

Zvuk může sestávat z jednoho kanálu (mono) či více kanálů (např. ze dvou = stereo). Při stereo přehrávání může např. z každého reproduktoru hrát trochu jiný zvuk, což vyvolává prostorový dojem.

Zvukové nahrávky (např. hudba) se v současné době distribuují zejména online. Dříve se využívala audio CD (digitální záznam), audiokazety či gramofonové desky (analogový záznam).

Co se týče grafického zobrazení zvukového záznamu, vodorovná osa vyjadřuje čas a svislá osa výchylku signálu („hlasitost“ v určitém okamžiku). Např. na obrázku níže je možné vidět nepravidelná štěknutí psa prostřídaná tichem (resp. šumem).

Zvuk lze v počítači softwarově upravovat, je možné provést třeba změnu hlasitosti (normalizace, postupný náběh = fade in, zeslabování do ztracena = fade out), ořez různých částí zvuku, ostranění šumu, aplikaci efektů (např. ozvěny) apod. Mezi známé open source programy pro úpravu zvuku patří např. Audacity.

Webdesign se zabývá tvorbou webových stránek. Jde o rozsáhlou oblast, která se zabývá nejen technickou stránkou realizace webových stránek, ale i uživatelským pohledem. Má tak mimo jiné přesah i do psychologie či marketingu.

Jedno z témat, na které při tvorbě webových stránek opakovaně narážíme, je použití barev. Pro dobrý webdesign je potřeba rozumět obecným principům i reprezentaci barev.

Základní prostředek pro realizaci webových stránek je značkovací jazyk HTML (HyperText Markup Language). Pro snadnější správu stránek a udržení jednotného vzhledu používáme HTML v kombinaci s CSS (Cascading Style Sheets, kaskádové styly). Základy HTML a CSS pokrývají tato témata:

• HTML: základy – základní principy HTML.
• HTML: tabulky a seznamy – použití jednoduchých tabulek a seznamů v HTML.
• CSS: základy – základní principy CSS.
• CSS: hlavní vlastnosti a jejich použití – nejčastěji používané vlastnosti v CSS.
• CSS: barvy a jejich použití – práce s barvami v CSS.

Pro tvorbu dynamických webových stránek dále potřebujeme programovací jazyky, pomocí kterých zapisujeme žádoucí chování webu. Pro tvorbu webů se často používá JavaScript a Python.

Pomocí HTML můžeme označovat význam a zobrazení textu, například takto:

Toto je <b>tučný</b> text. A toto <i>kurzíva</i>.

Přehled běžných značek:

Některé značky udávají význam textu, např. <strong> a <em>, zatímco jiné udávají pouze způsob zobrazení, např. <b> a <i>. Typické zobrazení <strong> a <em> je tučné písmo a kurzíva, to však lze upravit pomocí kaskádových stylů (CSS).

Párové značky lze zanořovat, například tučnou kurzívu zapíšeme <b><i>takto</i></b>. Značky nelze „křížit“, tj. před uzavřením značky musíme vždy nejprve uzavřít všechny zanořené značky. Nepárové značky nemají žádný obsah ani ukončovací značku, např. <br>.

Mezery a nové řádky

Libovolné množství mezer a nových řádků v HTML kódu se zobrazí jako jedna mezera. Pokud potřebujeme nový řádek, použijeme značku <br>. Pokud chceme zachovat přesné počty mezer a nových řádků, použijeme značku <pre>:

<pre>

10x +  2y  =  16

 5x +   y  =   8

</pre>

Značky h1–h6, p, pre a hr jsou blokové, což znamená, že se před nimi i za nimi zalomí řádek. Například každý odstavec začne na novém řádku, i pokud ve zdrojovém kódu nový řádek není:

<p>První odstavec.</p> <p>Druhý odstavec.</p>

Atributy

Některé značky mají atributy, které ovlivňují jejich zobrazení či chování. Například u odkazů potřebujeme určit jejich adresu (atribut href z anglického hypertext reference) a volitelně, zda se má odkaz otevřít v novém okně (atribut target). U obrázků určujeme cestu k souboru (src), alternativní text (alt), který se vypíše, pokud obrázek nemůže být zobrazen, a volitelně velikost v pixelech (width, height). Atributy zapisujeme do úvodní značky a hodnoty obalujeme do uvozovek:

<a href="https://www.umimecesky.cz/">Umíme česky</a>

<img src="celer.png" alt="celer" width="400">

Seznamy

Nečíslované seznamy vytvoříme pomocí párové značky <ul> (unordered list). Jednotlivé položky seznamu označíme pomocí značky <li> (list item):

<ul>

<li>vlk</li>

<li>los</li>

<li>sob</li>

</ul>

• vlk
• los
• sob

Číslované seznamy vytvoříme pomocí párové značky <ol> (ordered list). Jednotlivé položky označíme opět pomocí značky <li>:

<ol>

<li>vlk</li>

<li>los</li>

<li>sob</li>

</ol>

1. vlk
2. los
3. sob

Typ odrážek a číslování lze změnit pomocí atributu type:

<ol type="A">

<li>vlk</li>

<li>los</li>

<li>sob</li>

</ol>

1. vlk
2. los
3. sob

Tabulky

Tabulku vytvoříme pomocí značky <table>, její řádky pomocí <tr> (table row), buňky pomocí <td> (table data):

<table>

<tr><td>pes</td><td>vlk</td></tr>

<tr><td>los</td><td>sob</td></tr>

</table>

Pro zvýraznění textu v hlavičce použijeme <th> místo <td>:

<table>

<tr><th>Zvíře</th><th>Výška</th></tr>

<tr><td>los</td><td>180 cm</td></tr>

<tr><td>sob</td><td>120 cm</td></tr>

</table>

Výchozí zobrazení tabulek je typicky bez čar oddělujících jednotlivé buňky. Vzhled lze změnit pomocí kaskádových stylů (CSS).

Spojování buněk

Buňky lze spojovat pomocí atributů rowspan a colspan. Hodnota atributu udává, kolik řádků či sloupců slučujeme.

<table>

<tr><td rowspan=2>vlk</td><td colspan=2>pes</td></tr>

<tr><td>los</td><td>sob</td></tr>

</table>

Kaskádové styly (CSS) umožňují určit vzhled jednotlivých prvků HTML stránky (či jiného XML dokumentu). Popis vzhledu a grafického rozložení dokumentu je tak do určité míry oddělen od obsahu, podobu určitých částí dokumentu lze snadno a hromadně měnit. Pomocí CSS lze také zajistit responzivní design: dokument může vypadat odlišně např. při různých rozměrech obrazovky.

CSS může být zapsáno v odděleném souboru (s příponou .css), na který se odkazuje z hlavičky HTML souboru. V takovém případě se jedná o tzv. externí CSS. Kaskádový styl též může být obsažen v tagu <style> v hlavičce HTML (interní CSS) či přímo u jednotlivých tagů v dokumentu (např. <p style="color: green">Hello world!</p> – inline CSS).

Externí či interní CSS se skládá z určitých pravidel. Pravidlo obsahuje tzv. selektor (popisuje, který prvek bude pravidlem ovlivněný) a jednotlivé deklarace oddělené středníky, společně uzavřené ve složených závorkách. Deklarace vždy sestává z identifikátoru vlastnosti (např. font-size), dvojtečky a hodnoty (např. 12pt).

Selektory mohou ovlivňovat konkrétní html tag, v takovém případě sestávají pouze z písmen a číslic:

h2 {color: ochre} – Nadpisy 2. úrovně budou okrové.

Pokud mají deklarace platit pro více prvků zároveň, selektory se oddělují čárkou:

h2, h3 {color: ochre} – Nadpisy 2. a 3. úrovně budou okrové.

Má-li selektor ovlivňovat jen prvky s určitou třídou, píše se na jeho začátek tečka:

.btn-skyblue {background: skyblue; border-radius: 2rem} – Prvky s class="btn-skyblue" budou mít modré pozadí a zaoblené rohy.

Prvek se určitým identifikátorem (id) se předznamenává znakem # (např. #price-selector).

Je-li mezi selektory mezera, ovlivňujeme jimi druhý uvedený prvek uzavřený v prvním uvedeném:

.gallery img {width: 130px; height: 130px} – Ovlivní obrázky v prvku se třídou gallery.

V případě selektorů oddělených plusem se předpis týká druhého uvedeného prvku, který následuje za prvním uvedeným:

h1 + p {font-size: 13pt} – Ovlivní odstavce (<p>) následující po nadpisech první úrovně (<h1>).

Pomocí dvojtečky v selektoru se vyjadřuje určitý stav prvku, např a:hover ovlivní odkazy, pokud je nad nimi kurzor.

Jeden prvek může být ovlivněn více pravidly. Mějme CSS:

p {font-size: 12pt}

.text-navy {color: blue}

Odstavec <p class="text-navy">Hello world!</p> tak bude mít písmo velké 12 bodů i modrou barvu.

Mezi běžné vlastnosti používané v rámci CSS patří například:

Některé vlastnosti (např. margin, padding, border) mohou ovlivňovat jen určitou stranu prvku. Chceme-li určit hodnoty pro různé strany, můžeme použít název vlastnosti v kombinaci s -top, -bottom, -left či -right (např. padding-top). Také lze rozepsat více hodnot ke krátkému identifikátoru vlastnosti (např. padding: 5px 10px 15px 20px – nastaví odsazení shora, zprava, zespoda a zleva, padding: 5px 10px – nastaví svislé odsazení 5px a vodorovné 10 px).

Co se týče rozměrů prvku, ve výchozím nastavení se k určenému rozměru přičítá i odsazení a rámeček (tedy např. prvek s width: 100px; padding: 10px bude široký 120 px). Tomuto chování lze předejít pomocí nastavení * {box-sizing: border-box}.

Podobu textu ovlivňují například vlastnosti:

Na způsobu zobrazení prvků se podílí např. vlastnost display. Její často užívané hodnoty jsou:

Zvláště flex a grid se uplatňují při tvorbě responzivního grafického rozvržení webů.

Mezi jednotky užívané v rámci CSS patří např. px (pixely, ve výsledku může být velikost definovaná v pixelech ovlivněna škálováním na zařízení), rem (1 rem = velikost fontu v základním elementu), % (procentní část rodičovského elementu), vw (šířka zobrazení, např. viditelné oblasti v rámci okna prohlížeče), vh (výška zobrazení). Jednotky se za hodnotu zapisují bez mezery.

Pomocí zápisu @media lze část předpisu určit pouze pro určité zařízení či způsob zobrazení:

@media (max-width: 600px) {
  p {
    font-size: 10pt;
  }
}

Kód výše definuje, že odstavce (<p>) budou mít velikost písma 10 pt při šířce obrazovky menší než 600 px.

Pod pojmem „psaní všemi deseti“ se běžně označuje dovednost efektivního používání klávesnice. Zahrnuje využívání všech deseti prstů se snahou o rovnoměrné vytížení všech prstů a také psaní naslepo, tj. bez dívání se na klávesnici. Dobře nacvičené psaní všemi deseti výrazně usnadňuje a urychluje práci s počítačem.

Při učení se psaní všemi deseti je potřeba trpělivost: nespěchat k psaní kompletních textů, ale postupovat po jednotlivých lekcích a pořádně si vždy procvičit nová písmena.

Přepisování smysluplného textu je vhodné cvičení pro zvýšení plynulosti psaní všemi prsty. Pokud s psaním deseti teprve začínáte, doporučujeme procházet cvičení postupně, viz hlavní rozcestník psaní deseti.