Kódování HTML a CSS — z grafického návrhu do funkčního kódu

Tahle služba je pro grafiky, agentury a firmy, které mají hotový návrh a potřebují ho dostat do kódu. Nezasahuju vám do designu — kóduju to, co jste navrhli, včetně odsazení, řezů písma a chování na mobilu. Když v návrhu narazím na místo, které technicky nedává smysl (třeba stav bez definované varianty pro úzkou obrazovku), napíšu to a navrhnu řešení, ne že si to potichu udělám po svém.

Píšu ruční HTML a CSS, bez frameworku, pokud si ho výslovně nepřejete. Výsledek je lehký, načte se rychle a nemá v sobě sto kilobajtů stylů, které nikdo nepoužije. Kód předávám okomentovaný, se srozumitelnými názvy tříd a s krátkým popisem struktury, aby na něj navázal váš programátor. Umím rovnou napojit šablonu na WordPress nebo na vlastní CMS, pokud to je součástí zadání.

Zvlášť dělám e-mailové šablony. Ty se kódují jinak než web — tabulkově, s vloženými styly a s ohledem na to, že Outlook si stále dělá věci po svém. Šablonu odzkouším ve schránkách Gmail, Seznam, Outlook a v mobilních aplikacích a dodám ji v podobě, kterou naimportujete do Ecomailu, SmartEmailingu nebo Mailchimpu.

Co je v ceně

• Responzivní kód pro mobil, tablet i velké obrazovky
• Odzkoušení v Chrome, Firefoxu, Safari a Edge, včetně mobilních verzí
• Optimalizované obrázky a moderní formáty s náhradní variantou
• Základní přístupnost: popisky obrázků, ovládání klávesnicí, dostatečný kontrast
• Komentovaný kód a krátký popis struktury pro dalšího vývojáře

Co potřebuju od vás

• Návrh ve Figmě, XD, PSD nebo jako obrázky ve slušném rozlišení
• Zdrojová písma nebo odkaz na jejich licenci, případně souhlas použít volně dostupnou náhradu
• Návrh mobilní verze, nebo souhlas, ať zúžení navrhnu sám
• Informaci, na jaký systém se bude šablona nasazovat

Co se platí zvlášť

• Licence komerčních písem, pokud je návrh vyžaduje
• Placené fotobanky a ikonové sady
• Rozsáhlé animace a interaktivní prvky nad rámec běžných přechodů

Jedna stránka bývá hotová do tří dnů, běžná sada pěti až osmi šablon do dvou týdnů.