View Code? Open in Web Editor
NEW
Workshop Měním web: Developer Tools a uživatelské styly
Home Page: https://is.gd/menimweb
License: MIT License
menim-web's Introduction
Měním web: Developer Tools a uživatelské styly
- Úvod
- Developer Tools
- Uživatelské styly
Změna HTML v Developer Tools
- 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
Změna stylů v Developer Tools
- 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ší
- 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
- 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
menim-web's People
Contributors
Stargazers
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent