Programování, tvorba webu

Nedávno jsem řešil potřebu dynamického zobrazování kruhové výseče na webové stránce. Měla vyjadřovat procentuální úspěšnost různých testů, tedy schopnost řešitelů testem projít. Použití SVG se přímo nabízelo, jen se mi nechtělo jej generovat ručně zápisem do HTML.

Na české poměry zajímavý administrační nástroj nabízí poskytovatel virtuálních serverů s názvem váš-server. Využil jsem možnosti vyzkoušet jej na nějakou dobu zdarma a o své dojmy se s vámi podělím v tomto článku.

Možnost instalovat, aktualizovat a udržovat Drupal 8 pomocí nástroje Composer je docela známá. Často ale narážím na problém s přejmenovanými balíčky, kvůli kterým pak není možné aktualizovat některé moduly a knihovny. Řešení se jmenuje Ludwig.

Drobečková navigace, breadcrumb, je nejenom v Drupalu 8 naprostý bolehlav. Jde o nejobtížněji nastavitelnou část webu. A zatímco v sedmičce si můžete vybrat z několika řešení, Drupal 8 nám na výběr moc nedává. Nejrychlejším a nejpohodlnějším řešením je proto vytvoření jednoduchého vlastního modulu.

Redakční systém Drupal v základu nabízí vložení nadpisu a přidání textu do editoru. V definici obsahu si snadno přidáte další políčka, jako třeba obrázek, soubor nebo další textové pole. Ale co v případě, kdy na každé stránce chcete měnit jejich pořadí a sestavovat si vlastní rozvržení dané stránky nebo článku?

Zhruba před měsícem vyšla nová verze redakčního systému Backdrop, což je taková alternativa k Drupalu pro ty vývojáře, kteří neradi Symfony, Twig a vůbec nový koncept osmičky. Co vše aktuální Backdrop nabízí?

Na jaře jsem byl na školení u Martina Michálka o optimalizaci rychlosti načítání webových stránek. Tedy optimalizaci především z hlediska frontendu. Získané vědomosti plus několik dalších věcí, na které jsem se chystal, jsem postupně vnesl na jednom webu do praxe a průběžně hodnotil, jaký měly přínos.

Někdy je žádoucí omezit počet znaků v textovém políčku u článku tak, aby se uživatel plnící obsah příliš nerozepsal. Pokud chcete zajistit pěkný design bez ořezávání textu ve frontendové části webu, zkuste uživatele omezit modulem Maxlength.

Drupal 8 umí pomocí stylů obrázku nahrané fotografie upravit různými způsoby. Pro doplnění vodoznaku a pokročilejší úpravy však potřebujete doplňkový modul. V článku si takový ukážeme na praktickém příklad doplnění vodoznaku do fotky.

Už mnohokrát jsem řešil potřebu nějaké reakce webové stránky poté, co ji uživatel naroluje tak, že je vidět konkrétní prvek. S IntersectionObserver API je to hračka, a navíc vám i sdělí, jaké procento daného prvku už je v narolované stránce vidět.

Záleží vám na tom, jak bude záznam na vašem webu vypadat ve výsledcích hledání u Google? Mělo by. Díky modulu Metatag můžeme patřičné informace vyplňovat. Co ale s tím, že nemáme okamžitý náhled toho, jak bude search snippet vypadat?

Na jednom setkání frontendistů jsem zaznamenal zmínku o nástroji, který prochází obsah na webu a hodnotí stránky z pohledu SEO. Věnoval jsem mu v posledním měsíci nějaký čas, abych zjistil, zda je ContentKing opravdu užitečný, nebo je to jen další nástroj v řadě.

Po delší době jsem se pustil do aktualizací svých projektů a potřeboval jsem vyřešit migraci menšího článkového webu z Drupalu 7 na Drupal 8. Po předchozích zkušenostech s výchozí migrací jsem z ní nebyl zrovna nadšený, takže jsem hledal (a našel) pro mě lépe vyhovující řešení.

Po delší době tu publikuji článek popisující moje zkušenosti se stavbou webu na Drupalu. Webovky ateliéru Babylonie.cz nabízí řadu kurzů zaměřených na malování a přestavba webu na Drupalu si kladla za cíl zvýšení komfortu návštěvníků a samozřejmě navýšení objednávek.

Pokud mají vaše webové stránky více jazykových verzí, měli byste vyhledávači dát vědět, že jedna URL adresa odpovídá jiné, ovšem v odlišné jazykové verzi. Zajistíte tak správné zobrazení výsledků v regionálním vyhledávání. Používá se k tomu značka <link> s atributy rel="alternate" hreflang="x".