Programování, tvorba webu

Seznam zákazníků. Registrovaní uživatelé. Nějaká jiná databáze kontaktů. Představte si, že všem těmto lidem potřebujete relativně jednoduše odeslat nějaký e-mail. Nebudeme řešit klasické posílání newsletterů, ale mrkneme, jak v Drupalu hromadně mailovat na adresy vyfiltrované pomocí modulu Views.

Přestože je Drupal 8 na vektorové obrázky SVG všeobecně připravený, je tu problém s jejich nahráváním do obrázkových polí, na která mohou být dodatečně aplikovány různé úpravy. Standardně tu nelze nahrát nic jiného než rastrový obrázek. Tedy ani SVG. Jak z toho ven?

Na světě je nová verze redakčního systému Drupal řady 8. Verze nesoucí označení 8.5 zásadně vylepšuje práci s médii, stabilizuje migrační nástroj pro přechod ze starší řady Drupalu a přesouvá několik experimentálních funkcí mezi stabilní. Upgrade je doporučený.

Jedním z mnoha vylepšení oproti předchozí verzi a jiným redakčním systémům je možnost Drupalu 8 generovat HTML5 značku picture, která obsahuje obrázky v různých velikostech či poměrech stran. Ty se zobrazí v závislosti na tom, jaký je rozměr displeje, přes který návštěvník na web kouká.

Definovatelné vlastnosti v CSS a také proměnné už mají dostatečně širokou podporu napříč webovými prohlížeči, takže je nejvyšší čas je začít používat. Respektive ten čas nastal už loni, takže pokud jste CSS proměnnými stále nepolíbeni, je nevyšší čas to změnit. Ušetříte si totiž práci.

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.