Optimalizace webu a PWA
Začátkem roku jsem provedl řadu aktualizací a úprav redakčního systému webdilna | com. Změny se týkaly především front-end kódu a optimalizace pro Google Lighthouse.
Nová webdilna.com s interním označením BigMama, nově využívá pro své šablony SASS Bootstrap 4. Systém je kompletně předělaný na novou verzi tohoto css frameworku.
vloženo před 7 roky 2 minuty ke čteníVáš web díky této změně bude více přizpůsobený mobilním zařízením. Takzvaně „mobile first“. Kromě změn v šablonách bylo doplněno několik dalších úprav.
Na veřejnost prosáklo kratičké video z monitoru kodéra :) Podívejte se, jak vypadá a funguje výchozí šablona, samotná administrace webdilny, boxíky s ikonkami i textové stránky s náhledy v přehledu podstránek a obrázkem záhlaví stránky. Vše je „gumové“ a na svém místě, jak má být.
Kromě nových šablon je systém doplněný o lepší přehled v e-shopu, aktivace jednotlivých položek přímo z přehledu a upravený je i systém informačních boxů. Díky nové verzi jsou optimalizované tabulky pro responzivní design a nabízí více druhů formátování.
Prohlédnout si můžete několik posledních realizací webových stránek na webdilně v sekci weby. Za poslední rok se na dílně vyšívalo pro spokojenost zákazníků. Jejich weby jsou optimalizované, včetně https, jazykových mutací a přehledné administrace. Už jen upravit doladit e-shop do nových šablon. Nasaďte sluchátka a zapněte si zvuk :)
Začátkem roku jsem provedl řadu aktualizací a úprav redakčního systému webdilna | com. Změny se týkaly především front-end kódu a optimalizace pro Google Lighthouse.
I když máme větší část roku pryč, pojďme se podívat na trendy webdesignu roku 2020, které se čím dál častěji objevují u nově vzniklých či redesignovaných webů.
Nově přepracovaná objednávka i nákupní košík je k nahlédnutí na demo webu a nejvíce úprav se týká právě responzivního designu a jednotlivých částí v e-shopu.
Tento jednoduchý návod vám ukáže, jak jednoduše založíte novou webovou stránku v administraci webové prezentace na redakčním systému webdilna | com.