JavaScript

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.

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.

Knihovny jQuery jsem se ještě před pár lety bál. Pak jsem zjistil, jaký je to neocenitelný pomocník při práci s JavaScriptem a manipulací s prvky v HTML dokumentu. Ne vždy je ale možné nebo potřeba ji použít. Co se výběru prvků v DOM týče, snadno si poradíte i s využitím HTML5 Selectors API.

Běžné rozbalovací nabídky na webu jsou poněkud nudné. Pokud je v nich velké množství položek, obtížně se v nich vyhledává, zvlášť, když položky nejsou seřazeny abecedně. Rozbalovačky však velmi rychle proměníte v pěkný ovládací prvek pomocí jQuery pluginu Chosen.

Udělat před lety webový formulář, který bude na klientské straně ověřovat data a následně je zpracuje pomocí AJAXu, aniž by se znovu načítala celá stránka, vyžadovalo množství kódu. Dnes je situace jiná, stačí vám troška JavaScriptu a CSS pro úpravu vzhledu formuláře.

Google před pár dny oznámil zprovoznění komentářového boxu pro webové stránky. Podobně jako Facebook tak umí obsloužit komentáře na webu a navíc je zobrazovat v profilu uživatele na sociální síti. Oficiálně je novinka dostupná jen pro Blogger, malým trikem ji však můžete mít na jakémkoli webu.