Anopress IT web 2019

Anopress web '19

Nový web pro společnost Anopress IT měl jedno velké specifikum. Musel to být zcela statický web, tedy bez použití serverových technologií, databází apod. Ale přesto bylo třeba do něj dynamicky některé informace vkládat. Proto jako první vznikla pomocná aplikace Anopress Web MiniRS 2019, napsaná v Delphi. Tato aplikace generuje sadu XML souborů, které se v novém webu použijí místo databáze a generují se z nich informace, jako jsou třeba screenshoty nebo seznam PDF dokumentů.

Web najdete na adrese: www.anopress.cz.

Před vlastní prací vzniklo ještě několik prototypů v Adobe XD, čímž se velice rychle určilo směřování a styl celého projektu.

Příprava webu, který je sice jen jednostránkový, probíhala ve Visual Studiu 2017. Bylo použito HTML, CSS 3 (opět v LESS podobě) a o programové části se staraly JavaScript knihovny a komponenty včetně jQuery. Tato část ostatně tvořila velkou část celého projektu – výběr vhodných knihoven pro animaci textu nebo karuselové prohlížení obrázků nebylo zrovna snadné.

Hlavní jednotkou byla na míru připravená JavaScript knihovna s několika třídami a funkcemi starajícími se o asynchronní zpracování XML dat a vygenerování příslušných dat nebo zobrazení dialogů. A protože bylo třeba zajistit alespoň částečné fungování v Internet Exploreru, který řadu věcí neumí, vznikla ještě druhá odlehčená verze.

Celý web je responzivní, tentokráte i s menu a jeho "hamburger" verzí. Knihovna a styly toto zajišťující byly výrazně zjednodušeny a upraveny tak, aby fungovaly bez problému v jakémkoliv prohlížeči.

Grafické práce probíhaly tradičně ve Photoshopu CC 2019, ale stranou nezůstal ani IrfanView pro opakované zmenšování log včetně jejich převádění do šedé škály. Mezi další grafické činnosti patřilo i zpracování SVG souborů, ať už vlastních nebo dodaných grafičkou. Bylo je třeba barevně sjednotit, případně jinak upravit. K tomu překvapivě dobře pomohl CorelDRAW X8, který vygeneroval často úspornější kód než Adobe Illustrator.

Finalizační a testovací činnosti probíhaly ve všech běžných prohlížečích současnosti, včetně několika mobilních verzí a netradičních rozměrů na tabletech.

Pro propagační účely jsem ještě připravil malou GIF animaci a video, kdy pomáhaly LiceCap, FlashBack a opět i Photoshop.