Programování, tvorba webu

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.

Grafické podklady pro tvorbu webů dostávám v rozličných formátech, ale preferoval jsem vždy Photoshop. Protože jsem však otevřen všemu novému, rád jsem kývl na to, že vyzkoušíme relativně nový nástroj Adobe XD. Jaké jsou dojmy po realizaci dvou webů připravených v xdéčku?

Drupal 8 je v porovnání s předchozí verzí výborně připraven pro tvorbu vícejazyčných webů. Ale nedostatky občas objevíte. Tak například nutnost vytvářet oddělená menu pro jednotlivé jazyky. Jak z toho ven?