Programování, tvorba webu

Po delší době jsem stál před úkolem připravit responzivní šablonu pro newsletter dle dodané grafiky. Rozhodl jsem se při té příležitosti zkusit nějaké nástroje a případně si ulehčit práci při příštím podobném úkolu. Povedlo se?

Vyhledávače, ale i různé eshopy nabízejí ve vyhledávacím políčku našeptávač. Zadáte pár písmenek a nabídne se výběr odpovídajících hledaných frází nebo produktů. Drupal má několik modulů s touto funkcí, potíž je v tom, že řada z nich je na běžném hostingu nepoužitelná.

Google přinesl ve svém prohlížeči Chrome pro desktopy a zařízení s Androidem podporu postupného načítání obrázků. Lazy loading podporuje také pro značky iframe. Ve WordPressu stačí aktivovat přímo plugin od Google, abyste mohli těžit z této vychytávky pro rychlejší načítání webů.

V posledních týdnech jsem řešil několik drobných problémů s weby pro klienty, kteří se potýkali se špatným fungováním a zobrazením v Internet Exploreru. Možná by se pár tipů mohlo hodit i někomu z vás, postřehy tedy shrnuji do článku.

Potřebujete slepý vývojový SMTP server, který zachytí maily z aplikace či webu, ale už je nepředá dále? Pak vyzkoušejte MailHog. Funguje prakticky všude, je zadarmo a má webové rozhraní pro prohlížení zachycených zpráv.

Chtěli byste na svém webu vystavit PDF v podobě rovnou ke čtení? Tedy nikoli jako odkaz pro stažení či otevření v novém okně, ale rovnou s prohlížečkou? Je několik možností, ta základní navíc nevyžaduje použití žádné třetí strany.

Spousta lidí má neustále tendenci koukat jen na celkovou návštěvnost, případně na zdroje, ale vůbec nesleduje klíčová slova ve vyhledávačích, která přinesla tu návštěvnost. Přitom stačí kouknout do Search Console, kde jsou příležitosti pro vylepšení návštěvnosti webu jako na dlani.

Měl jsem nějaké zkušenosti s AMP a WordPressem. Spočívaly v zapnutí pluginu. Ale protože se zapnutím pluginu AMP nenaučím, rozhodl jsem se nakódovat nový jednoduchý webík právě rovnou v AMP. Od píky, čistě jen v editoru, bez redakčního systému.

Technologie AMP pomalu nabývá na popularitě. Aby ne, díky ní postavíte weby, které se na telefonu načtou prakticky během okamžiku. Jedním s velkých propagátorů AMP v Česku je Martin Michálek. Před pár dny vyšla jeho nová kniha o AMP, kterou připravil s Robinem Pokorným.

Poslední rok ze všech stran slyším, jak někdo řeší strukturovaná data na webu. A kdo neřeší, tak by alespoň potřeboval najít člověka, který je pořeší za něj. Strukturovanými daty můžete vyhledávačům předchroustat obsah stránky do strojové podoby a třeba si tak vylepšit zobrazení svého webu ve výsledcích hledání. Jak na to i bez programování?

Některé starší instalace Drupalu 8 mi běží v klasickém režimu. Rozbalený instalační balíček na hostingu. Stále častěji kvůli potřebě rozšíření i externím knihovnám některých modulů však řeším přechod na správu projektu přes Composer. Jak to provést maximálně efektivně?

V depositářích na internetu najdete množství udělátek sledujících kvalitu kódu projektů psaných v PHP. Mě zaujal nástroj PHP Insights. Jednoduchou, srozumitelnou formou vám sdělí, co je potřeba ve vašich zdrojácích vylepšit.

Jedna z věcí, které mi doteď na Drupalu 8 vadí, je odlišné chování editoru, co se týče vkládání textů z Wordu a jejich očištění. Tedy odlišné od toho, nač jsem zvyklý. Rád bych text po vložení zachoval formátovaný, zároveň se však zbavil barev, fontů a dalšího balastu, který si s sebou nese z Wordu. Výchozí nastavení Drupalu 8 mi s tím moc nepomáhá. Ale stačí jej změnit.

Reportovací nástroje vyhledávače Seznam.cz se sice nevyrovnají například Search Consoli od Google, ale nějaká data vám o webu poskytnou. Ovšem ta hlavní jen coby API směřující do jiných aplikací. Jak si informace vyhledávače o svém webu přečtete zdarma i bez programování?

Celková velikost webových stránek se poslední dobou často řeší. Výrazné úspory dat dosáhnete nejčastěji optimalizací obrázků. Upravte si nastavení Drupalu tak, aby obrázky optimalizoval za vás, a to zcela automaticky.