Prezentace
- Úvod
- Developer Tools
- Uživatelské styly
Úkoly
- Najdi si zprávu na zpravodajském webu
- Přepiš existující zprávu
- Přepiš titulek, perex
- Přidej formátování, tučný text
- Zmeň obrázek (můžeš použít třeba place kitten)
- Odstraň zbytečné prvky, komentáře nebo reklamy
- Najdi nečitelnou stránku, například tuto: Báje a mýty
- Uprav styly tak, aby stránka byla čitelná
- Odstraň obrázek na pozadí, změň barvu pozadí
- Změň barvu, velikost a písmo textu
- Odstraň rušivé prvky
- Zkus upravit šířku textu aby byl čitelnější
Nainstaluj Stylish
Napiš si vlastní styl
- Zkus stránku upravit pomocí Developer Tools
- Ve Stylish vytvoř nový styl, nezapomeň jej pojmenovat
- Zapiš změněná pravidla a selektory
- Podívej se v Developer Tools, jak se tvůj styl aplikoval
Inspirace
- Změň barvu lišty a pozadí na Facebook, přidej koťátka dle úvahy
- Uprav portál IDOS aby měl hezčí barvy a větší písmo
- Přestyluj iDnes (nebo jiný zpravodajský portál)
- Zvětši písmo a změň jej na patkové
- Odstraň rušivé prvky na stránce: související články, diskuze, reklamy…
- Zvýrazni text „Komerční sdělení“ na webu Lupa (nebo jinde)
Užitečné zdroje pro stylování
Další nástroje pro modifikaci webu
Ukázky rozšíření