Vývojářské nástroje
- Přítel všech kodérů a kodérek
- Otevírají se stisknutím klávesy
F12 v prohlížeči nebo kliknutím pravým tlačítkem do stránky a zvolením Inspect/Prozkoumat/Inspect Element
- Většinou je máme při vývoji stále otevřené
- Pomáhají odhalit, kde se co porouchalo
- Rychle zkoušet nové změny
- Čerpat inspiraci na jiných webech
Cvičení 1
- Vyberte si svůj oblíbený/neoblíbený web
- Otevřete devtools
- Libovolně upravte obsah stránky
- Například změňte barvu pozadí, textu
- Přepište nějaký text, nadpis
- Přidejte rámeček
- Ostraňte část obsahu
- Na závěr udělejte obrázkový snímek stránky a sdílejte ho s ostatními