HTML

Ve svém podcastu budu rekapitulovat zajímavé dění z oblasti webařiny, redakčních systémů a IT obecně. V prvním díle rekapituluji novinky z ledna 2025. Skončil Drupal 7, přišel Drupal CMS, WordPress dostal Blockeru. V AI se objevily nové nástroje. Asi málokdo myslí na legislativní úpravy webu v souvislosti s Digital Services Act. A od června nás čeká European Accessibility Act a potřeba upravit weby s ohledem na přístupnost.

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.

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

Č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é.

Jen málo nově vznikajících nebo redesignovaných webů se obejde bez responsivního layoutu. Vybral jsem několik nejznámějších frameworků, které jsem využil u některých projektů a které bych vám rád doporučil.

I když by to mohlo vypadat, že se žádný z nových webů neobejde bez redakčních systémů, klasické HTML stránky zde stále mají své místo. Existuje mnoho malých projektů a právě pro ně se výborně hodí Expression Web se svou funkcí Dynamic Web Templates.

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.

Už dlouho hledám nějaký jednoduchý, zdarma dostupný nástroj pro tvorbu wireframů pro webové stránky. Zkusil jsem jich mnoho, žádný mě však moc nezaujal. Výjimkou je Pingendo, který jsem našel o víkendu. Podporuje totiž Twitter Bootstrap.

Tabulkový program v Google Docs má trojici zajímavých funkcí, které vám umožní velice jednoduše importovat data z webových stránek a XML feedů. Pro zpracování dat z webu nemusíte tedy nic programovat, stačí si rozumět s webovým tabulkovým programem.

V dnešním docela jednoduchém návodu si vyzkoušíme vytvoření jednoduché sekce pro často kladené dotazy na webu. Bude obsahovat otázky s odpověďmi, které budou standardně ukryté. Zobrazení odpovědi si vyzkoušíme jen s použitím čistého CSS, ale v další fázi také s pomocí jQuery. A nakonec se podíváme, jak to implementovat do Drupalu.

Rádi byste exportovali data z redakčního systému Drupal do některého z běžně používaných formátů a zrecyklovali je na jiném webu? Nechcete stavět vlastní modul, byť s pár řádky kódu? Pak uvítáte řešení v podobě modulu Views Datasource.

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.

Nejnovější verze webového prohlížeče Firefox přináší několik vylepšení i po stránce pomůcek pro vývojáře webu. Pojďme se podívat, co všechno momentálně Firefox 11 nabízí pro tvůrce webových stránek a jak můžete tyto nástroje využít.

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.