HTML

Při pročítání různých příspěvků ostatních vývojářů jsem narazil na zmínku o poměrně rychlém editoru Zed. Zaujalo mě, že nabízí rozšiřitelnost, integraci s AI a možnost vzájemné spolupráce více uživatelů. Dal jsem mu tedy šanci.

Nedávno jsem předělával jeden web běžící tehdy na starém Drupalu 6. Po zvážení náročnosti migrace a četnosti aktualizací obsahu jsem dospěl k názoru, že není třeba mít redakční systém. Rozhodl jsem se vyzkoušet některý z populárních generátorů statických webů. A skončil jsem u Hugo.

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.

Je to už delší dobu, co mi jako editor slouží Visual Studio Code. Vystřídal jsem řadu jeho rozšíření, která se nakonec ustálila na několika pluginech usnadňujících mi život tvůrce webů. Ač jsem byl ze začátku vůči VS Code skeptický, dnes jej používám každodenně.

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

Čas od času si říkám, že by nebylo špatné některé HTML soubory a šablony zeditovat vizuální cestou. Platit Dreamweaver se mi nechce, proto mě příjemně překvapilo, že editory vycházející z Mozilly nejsou úplně mrtvé.

Zkoušíte-li rádi nové vývojové pomůcky, mrkněte na online vývojové prostředí pro tvorbu webů. Codio nabízí online správu projektů, zabudované virtuální prostředí pro ladění, podporu Gitu nebo SFTP, konzolu Node.js, podporu různých komponent od PHP přes Ruby až k Pythonu, ale i databáze.

Považujete všemi deseti dokonale ovladatelný editor VIM za výborný nástroj pro úpravu kódu? Pak vás možná překvapí jím inspirovaný nový editor Atom nabízející trošku více flexibility. A pokud VIM neznáte nebo nemáte rádi, pak editoru Atom určitě dáte alespoň jednu šanci.

Ať už programujete a tvoříte weby v PHP, .NET, Pythonu nebo něčem jiném, stejně se neobejdete bez psaní značek HTML a zápisů CSS. Psaní delších, opakujících se kódů je otravné. Ovšem s využitím nástroje Emmet zkrátíte čas pro tuto činnost na minimum.