Tvorba webových stránek
Vysoká rychlost načítání, výborné zobrazení na jakémkoliv zařízení a možnost ovládat stránky jen pomocí klávesnice.
Níže zmiňuji pro mě klíčové aspekty webdesignu:
Responsivní design
Vzhledem k množství chytrých zařízení, především mobilních telefonů je responzivní návrh stránek nutnost. Je potřeba aby se stránky dobře zobrazovaly na chytrém televizoru stejně tak jako na chytrém telefonu. Dříve jsem si všechno psala sama, ale již delší dobu používám CSS framework Bootstrap 5, který mi vyhovuje. Nicméně sem tam pokukuji po frameworku jménem Tailwind.
Přístupnost stránek
Je text na stránkách dobře čitelný? Velikost písma, zvolený font, počet znaků na řádek? A co dobrý barevný contrast? Bude text dobře čitelný i pro barvoslepé lidi?
A co pohyb po stránce, dá se ovládat jen klávesnicí? Je jasné, kde se zrovna na stránce pohybujeme?
Tohle vše se skrývá pod termínem uživateslky přístupný web. Tohle vše je pro mě velmi důležité a v posledních době tomu věnuji velkou pozornost.
Systém správy obsahu
Mezi mé favority jednoznačně patří Grav a Drupal. Zkoušela jsem jich více – Joomla, Wordpress, Bolt, ale Grav a Drupal mi vyhovují nejvíce. V případě menších projektů volím Grav, tento systém nepotřebuje databázi a tvorba stránek a obsahu je v něm opravdu snadná. Naopak Drupal se hodí na velké a složité projekty, navíc vyžaduje pokročilý webhostig s přístpem na konzoli.
Oba tyto systémy používají jako šablonový jazyk Twig, který jsem si opravdu oblíbila. Je snadný a vykonný. Ostatně i tyto stránky běží na Gravu.
SEO optimalizace
Pod touto zkratkou si spousta lidí představí spoustu věcí. Pro mě je důležitá struktura stránek, správná posloupnost nadpisů od H1 níže, správně vyplněné meta tagy a dobře pojmenované jednotlivé odkazy stránek. Samozřejmostí jsou také vyplněné popisky obrázků.
Neméně důležité je mít správně vygenerovanou sitemapu ve formátu xml.
Projekty
Elisnails
Jedná se o statické stránky. Není zdě použit žádný css framework. Hojně využívají jQuery.
Petr Motyčák STAVEBNÍ PRÁCE
Stránky běží na bezdatabázovém CMS Grav a na frameworku Bootstap 5.
Samshop
Největší projekt, stránky běží na Drupalu 10, obsahují i částečný eshop pomocí modulu Commerce. CSS framework je v tomto případě také Bootstrap 5.
Tramwayové povídky
Malé stránky pro kamarádku, která v práci jakožto řidička tramvají zažívá spoustu zajímavých zážitků. Postaveny na Drupalu, původně jsem chtěla použít Grav, ale bylo potřeba tam přidat možnost "lajkovat" povídky, tak jsem stránky přepsala na Drupal, kde pro tohle existuje modul.