-
používat Normalise.css
- alternativa k CSS resetům
- “normalizuje” všechny styly napříč všemi prohlížeči
- s tím začít projekt a normalizační soubor dát nahoru
-
preferovat mobile-first přístup při tvorbě webovek
- výhody jsou rychlejší vývoj
- místo (max-width) dávám (min-width) a tyhle styly jsou vidět celou dobu v DevTools
- nutí mě to se zaměřit na to nejdůležitější na webovce
- další proč: https://www.lukew.com/ff/entry.asp?933
-
nastav si v html tagu
font-size: 10px;(klidně i jinou hodnotu) a pak všechny velikost uváděj v rem jednotkách (10px je pro to dobrý, že 1.6rem je pak 16px)- výhoda je, že mohu rychle měnit tenhle jediný font-size a proporčně se mi zvětšuje stránka a nic se nerozbije (pokud to nepřeháním do extrému)
- font-size ale pak nemůžu nastavovat jinde (jinak než pomocí rem)
-
ideální je vůbec nepoužívat px. Stačí mi jenom relativní jednotky. Absolutní slouží k tisku např. abych to mohl napozicovat správně. Můžu mít také speciální CSSka pro projektor (kde mám taky fixní šířku a výšku).
-
nepoužívat přímo černou, ale třeba
#111111, vypadá jako černá -
funkce
minmax(min, max)v CSS a obecně Funkce v CSS -
width: max-contentšířka bude vždy maximum contentu - často se hodí, další viz MDN -
použít Alternative CSS box model ala
{box-sizing: border-box}- který drží šířku elementu v rámci ohraničení - takže šířka ohraničení a paddingu se počítá v celkové šířce a nepříčítá se jako u Stardardního CSS box modelu