Responzivní kontrola často končí u přepnutí mezi mobilem a desktopem. Ahmad Shadeed v článku z 5. 11. 2026 tvrdí, že skutečných situací je víc než šířek obrazovky.
Co je nového / Jak to funguje
Site Seeing běží na lab.ishadeed.com/tools/site-seeing. Zvolíš kontext a vidíš, jak stránka vypadá, když ji lidé reálně používají. Příklady z článku:
- otevřené vývojářské nástroje, které zmenší viditelnou plochu,
- svislé panely (vertical tabs), které zúží stránku,
- jejich kombinace, tedy nejtěsnější případ,
- tiskové styly.
Autor ho dělá pro designéry, produktové manažery i vývojáře. Nápad načrtl v sešitu a dotáhl ve Figmě; za zpětnou vazbu děkuje pěti recenzentům. Článek na konci propaguje autorův placený kurz CSS layoutu.
Proč je to důležité
Chyby, které QA najde na „divné“ šířce, jsou často jen skutečný kontext uživatele s dokem devtools nebo svislými panely. Předem je odhalíš ve chvíli, kdy je oprava levná.
Jak začít
- Otevři Site Seeing a vlož adresu své stránky nebo prototypu.
- Projdi všechny kontexty a poznamenej zalomení, přetékání a oříznutí.
- Ověř tiskový náhled.
- Přidej nalezené šířky do checklistu pro QA.