Programování, tvorba webu

Web by měl běhat na jediné adrese. Vyberete si variantu s www nebo bez ní a tu opačnou na ni přesměrujete. Podobně by dnes všechny weby měly být přesměrované na zabezpečenou https variantu. Stále to řešíte editací .htaccessu? Nemusíte.

Poslední květnovou sobotu se konala online konference pořádaná Spolkem Frontendisti.cz. Vystoupili na ní známé tváře i odborníci, které moc často na podobných akcích nevídáme. Pestrá směs témat, tváří a názorů.

Svoje menší webové projekty rád využívám jako jednoduché pískoviště, kde si mohu zkoušet nejrůznější nové webové technologie. Hugo, Tailwind ani Swup sice novinky nejsou, ale třeba s Tailwindem zatím začínám. Mám několik postřehů k popsané kombinaci na malém webu. Třeba se vám budou hodit.

O redakčním systému Backdrop coby náhradě za Drupal 7 jsem sice psal několikrát, ale představení je jedna věc a tipy z použití v praxi druhá. Usoudil jsem, že pro některé starší projekty je to lepší řešení než přechod na WordPress či migrace na Drupal 8/9. A musím říct, že jsem byl příjemně překvapen tím, jak je přechod na Backdrop hladký.

Standardně nastavíte zobrazení bloků pro uživatelské role, pro konkrétní typy obsahu či na základě konkrétních URL adres, systémových nebo s aliasem. Ale co složitější pravidlo? Jak nastavit zobrazení bloku, pokud uzel obsahuje konkrétní hodnotu v konkrétním políčku? Blok pro nedostupné produkty? Blok pro články v konkrétní kategorii? A co blok pro uživatele, kteří nejsou v konkrétní uživatelské roli?

Zpříjemněte si vytváření často se opakujících prvků obsahu tím, že pro ně připravíte vlastní předlohy (patterns). Není to vůbec složité a svou práci si tím výrazně ulehčíte. Ba co víc, zpříjemníte život i uživatelům webu, který připravujete.

Mám za sebou několik upgradů webů běžících na Drupalu 8 na novější řadu. Všechny již běží na Drupal 9 a až na pár drobností byl přechod bez problémů. Ale i drobnosti mohou potrápit. Rád se o ně tedy v tomto článku podělím.

Proběhlá konference SymfonyWorld Online 2020 mi byla alespoň malou náplastí skutečnosti, že v tomto podivném roce jsem se nemohl žádných setkání s kolegy vývojáři zúčastnit osobně. Ale byť na dálku, dělal jsem si již tradičně poznámky, abych celou akci mohl shrnout do článku pro ty, kdo neměli čas si tentokrát pustit video.

Zrychlujete a optimalizujete web? Kritické CSS a blokující prvky asi máte pořešené, teď se ještě zbavit problikávání obsahu při načtení stránky. Pomůže vám s tím jednoduchý online nástroj detekující posun layoutu a zobrazující problémová místa ve formě animovaného GIFu.

Git jsem sice nepoužíval od začátku, kdy se stal populárním, dnes je už nezbytnou součástí mnoha mých projektů. Kromě základních operací ale jeho příkazy z hlavy nezvládám. Proto se mi zalíbilo jednoduché rychlé udělátko pro příkazový řádek, které nejen můj nedostatek znalostí řeší.

Když připravujete nový článek, produkt nebo stránku na firemním webu, určitě byste rádi zkontrolovali, jak bude vypadat na sociálních sítích při sdílení některým z návštěvníků. Nebo jak se vykreslí ve vyhledávači, až probublá na přední příčky výsledků hledání.

Výchozí fulltextové vyhledávání v Drupalu má řadu nevýhod. Neumí pracovat s částmi slov, nedovede prohledávat jen konkrétní části obsahu, nenastavíte si v něm preference, jak by se měly výsledky vyhledávání seřadit. Pro lepší vyhledávání nepotřebujete žádné speciální řešení. Stačí modul Search API.

Porovnávali jste někdy velikosti databází Drupalu a WordPressu? Jedním z důvodů, proč ta drupalovská je několikanásobně větší, je i ukládání cache do databázových tabulek. Ujistěte se, že jejich velikost nepřesáhne limity hostingu a nevypnou vám web.

Jakmile spustíte aktualizaci Drupalu nebo instalaci modulu přes příkazový řádek a Composer, přepíšou se vám soubory v kořenové složce webu. To je docela nemilé, pokud máte změny v některých souborech. A určitě je máte – minimálně v robots.txt a v .htaccess.

Jak kontrolujete vzhled svých webů na různých zařízeních? Máte je fyzicky? Škubete velikostí okna a koukáte, jak se web mění? Používáte responsivní zobrazení v nástrojích pro vývojáře? Nebo používáte něco sofistikovanějšího? Zkuste multiplatformní program Responsively App a nebudete používat nic dalšího.