Dlouhé hodiny vývoje frontendu

Stále pracuji na základní šabloně - dnes nic zvláštního, jen obvyklé dlouhé hodiny vývoje frontendu. Cílem je co nejrychleji zpřístupnit stránky, aby se každý mohl podívat na pokrok.

Co se týče SEO, prioritou dneška je povolení všech nastavení domény, počínaje HTTPS. K tomu používám bezplatný certifikát Let's Encrypt.

Včera jsem přidal skrytý odkaz „přeskočit na obsah“. Dnes jej vylepšuji tím, že odkaz zviditelním při fokusu, takže uživatelé mohou snadno přeskočit záhlaví a přejít rovnou na hlavní obsah. Je to jednoduchá oprava pomocí CSS, protože popisek už máme nastavený v aria-labelu z minula. Zde je css kód:

.skip-button:focus:before { 
    content: attr(aria-label);
    padding: 4px;
    position: fixed;
    top: 0; left: 0;
    z-index: 50;
    background: white;
}

Když nyní někdo stiskne klávesu TAB, v levém horním rohu se zobrazí odkaz „přeskočit na obsah“. Snadné, ale velmi užitečné vylepšení!