JavaScript

V posledních týdnech jsem řešil několik drobných problémů s weby pro klienty, kteří se potýkali se špatným fungováním a zobrazením v Internet Exploreru. Možná by se pár tipů mohlo hodit i někomu z vás, postřehy tedy shrnuji do článku.

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

V tomto článku se podíváme na porovnání Reactu a Vue.js. Porovnáme učící křivky, code style, nástroje které máte k dispozici a komunity u Vue i Reactu. Tento článek vznikl jako takový obecný souhrn rozdílů mezi Vue a Reactem, mohli bychom také porovnat výkon nebo single file components. K tomu se můžeme dostat v dalším díle tohoto článku.

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.

Tvorba RESTových rozhraní v Drupalu nikdy nebyla snazší. Potřebujete-li export do formátu JSON, stačí vám v Drupalu 8 naklikat si potřebná data ve Views a jen jim nastavit správný výstup. V článku si to zkusíme krok za krokem.

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

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.

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

Nedávno jsem hledal možnost, jak otestovat v rámci své sítě webové stránky provozované na jednom z počítačů pomocí lokálního webového serveru. Skončil jsem u řešení, které umožní nejenom testovat web z místní sítě na iPadu, ale i kdekoli přes internet.

Pokud vám coby provozovateli webu vadí návštěvníci přicházející s blokátorem reklam, případně pokud je chcete alespoň sledovat, můžete využít jednoduchý skript adi.js, který dovede rozpoznat doplněk AdBlock.

Druhý díl seriálu o jQuery pro začátečníky vám ukáže, jak používat nejrůznější způsoby pro označování prvků na stránce. Zápis ve stejné podobě jako v CSS totiž není jediný způsob, jak JavaScriptu pomocí jQuery sdělit, se kterým prvkem chcete manipulovat.

Často se setkávám s tím, že tvůrci webů na WordPressu nebo Drupalu vytvářejí složitá řešení, která lze přitom elegantně zpracovat pomocí jQuery. Jenže nevědí, jak na to. Rozhodl jsem se na Maxiorlovi začít nový seriál, který vás formou videonávodů jQuery naučí. Nebo se alespoň pokusí vám ukázat jeho základy.

Ladění webů na mobilních zařízeních je vždy tak trochu problém. Jistě, máme tu spojení Safari s iOS, Chrome s Androidem, ale nic skutečně univerzálního a fungujícího na dálku. A proto přichází javascriptová knihovna a node.js aplikace Vorlon.js.

Máte cestovatelský web a chcete na něm zobrazovat aktuální informace o počasí? Zapomeňte na různé přeplácané widgety a pluginy do redakčních systémů. Udělejte si to čistě a podle sebe. Stačí vám pár řádků JavaScriptu a Yahoo Weather.

Modelová situace. Máte web, chcete na něj vložit mapu, ale nelíbí se vám její standardní podoba ve vygenerovaném iframe. Chtěli byste nahradit výchozí špendlík, zrušit scrollování myši a odebrat výchozí bublinu. Co s tím?

Pokud něco v programování nesnáším, jsou to regulární výrazy. Možná nejsou tak složité, ale jejich syntaxi jsem se nikdy nebyl schopen naučit. Nějak bych je splácal v PHP, v JavaScriptu zřejmě už ne. Naštěstí nemusím. Je to povedená javascriptová knihovna RegExpBuilder.