HTML

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?

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ů.

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.

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.

Google spustil mobile first indexaci. Podíl mobilních zařízení stále roste. Designéři, alespoň ti ukecanější, pořád mluví o mobile first návrhu webu. Stránky zrychlujeme i kvůli dobrému načítání na pomalém mobilním spojení. Napadlo mě se mrknout, jak jsou na tom české IT weby. Jde o obor, který by mohl být vzorem.

Navzdory mnoha škarohlídům si programátorský editor od GitHubu s názvem Atom našel množství příznivců. Já jím v případě Windows nahradil už poněkud zastaralý PSPad a v případě Macu zdarma dostupný TextWrangler. Ostatně i Atom je dostupný zadarmo – jeho funkce jdou navíc rozšiřovat pomocí pluginů.

Jistě znáte latinské věty začínající slovy Lorem ipsum. Slouží k realistickému vyplnění prostoru v nějakém návrhu webu či aplikace. Jde o skutečný text a ten dodá o vzhledu lepší představu než náhodně nabušená změť znaků z klávesnice. Jsou tu i jiné varianty a také generátory obrázků.

Současné webové stránky se bez JavaScriptu a dalších technologií provádějících různé operace na pozadí, téměř neobejdou. Postup, kterým můžete dosáhnout zpracování dat bez toho, že by bylo nutné znovu načítat webovou stránku, je založen na sadě technologií souhrnně označovaných jako AJAX. Podívejme se na jednoduchý příklad.