Co jsem dnes udělal pro svůj web #8

Sun, 26 Feb 2023 11:28:36 +1100

Před chvílí jsem provedl další větší update webu a koukám, že ještě nemám publikovanou soupisku předchozích aktualizací. A tak opět doháním resty, tentokrát v seriálu "Co jsem dnes udělal pro svůj web".

Protože jsem sám kodér, správa vlastního webu pro mě znamená i pravidelnou údržbu systému. Celý redakční systém je můj výtvor a čas od času je potřeba šáhnout i do kódu. Grafik sice nejsem, ale jako web developer cítím potřebu si design také tvořit sám. Píšu, kóduji a občas i kreslím, protože každou zkušenost s vlastním systémem můžu přenést do oboru, kterým se živím.

Ale zpět k hlavnímu tématu článku. "Dnes" opět neznamená nedávnou minulost, ale zhruba 2 roky od poslední změny grafiky. Úprav bylo hodně, zveřejněny jsou už další, a tak je nejvyšší čas na nový článek.

1. Design

Web jsem začal trošičku zmenšovat, protože původní návrh počítal se vskutku obřími prvky. Písmo je menší, odsazení jsou menší, všechno se decentně zmenšilo. Absenci nové favicony a Facebook obrázku jsem také napravil, abych jako poslední úpravu mohl vyměnit font. Nebo spíš vrátil zpět Muktu, která byla při pixelovém zmenšení zase pěkná.

2. Programování

Malé designové úpravy jsem provedl i v administraci, aby se mi pohodlněji používala. Ale to není to hlavní. Backend prošel i velkými kódovými úpravami, aby architektura systému dávala trochu větší smysl. Frontend to samé. Ale to jsou změny, kterých si jako návštěvník nevšimnete, a tak s nimi nechci zabírat zbytečně moc odstavců.

3. Zlá cookie lišta

Čeho si ale určitě všimnete, je nová cookie lišta. Konečně kompletní a konečně se chová tak, jak by se cookie lišta podle nového nařízení měla. Málem jsem u toho porodil koťata, takže přemýšlím nad dalším článkem z oboru, který by pomohl ostatním kodérům vyřešit stejný problém.

4. Články

K velké aktualizaci došlo i na poli článků. Anotační obrázky jsem zpětně doplnil až na úplný začátek, ať je všechno stejné a pěkné. Tím bych znovu rád doporučil databázi pexels.com, která sice není největší, ale je zadarmo. Pro jakékoli použití. Spolu s obrázky jsem se také pustil do celkového zkrácení anotací. Zpětně vůbec nechápu, který internetový démon mi šeptal do ucha, že ty anotace musí být tak odporně dlouhé.

5. Viditelné úpravy frontendu

Na závěr se ještě vrátím ke kódování, protože některé utilitky jsou přímo viditelné i pro návštěvníka. První z nich je lazy load. Napsal jsem si ho sám, jednoduše, tak jak potřebuji. Download + copy + paste řešení jsou dobrá, když člověk potřebuje komplexní knihovnu, ale pro takové maličkosti se vždy lepší se spolehnout na vlastní kód.

Druhá úprava, kterou jsem na webu provedl, jsou náhledové boxíky na vlastní články. Ty si můžete znovu prohlédnout v posledním odstavci. (Pouze pro notebookové a vyšší rozlišení).

Samotný obsluha ajax requestu je úplně triviální, všechno ostatní zkontroluje JavaScript. Tedy jestli odkaz vede na článek nebo ne. Ideální by samozřejmě bylo vše kontrolovat na straně backendu a přidávat například parametr rel="post". Ale to se mi zoufale programovat nechce, a tak stále ukládám odkazy na hulváta přes absolutní url. Nahrazuji pouze doménové jméno, a to kvůli migraci localhost > testovací doména > ostrý provoz. A protože pouze články u mě mají jediný segment url, JavaScript to zkontroluje velice snadno.

Když vytváříte texty, je dobré vždy odkazovat na svoje starší články. Na předchozí díl seriálu nebo na článek z úplně jiné kategorie, jen kvůli výskytu klíčového slova. Sharknado. Můžete odkázat i na článek tematicky související, protože lidé často neklikají na výpis podobných záznamů pod textem.