Tvorba WWW

V prvním dílu jsem přiblížil, jak nalepit Ajaxové stránkování na hotový výpis. S druhým dílem jsem se o dva roky zapomněl. Postup se za tu dobu ovšem nezměnil, tak doufám, že i po takové pauze přinese článek někomu potřebné odpovědi. 

Než si dáme další článek z dílny seriálového kritika, proložím své recenze jedním z oboru. Takový už jsem nepsal ani nepamatuji, ale snad si vzpomenu, jak se to dělá. A protože mé návody byly vždy cílené na kodéry začínající a mírně pokročilé, vezmu si pod lupu stylování formulářů. Úplné základy. 

Úpravy vlastního webu mi daly podklady pro nový článek, který se bude věnovat Ajaxovému stránkování. Tedy přesněji, jak nalepit Ajax na existující výstup. Budu předpokládat, že nějaký výpis článků z databáze už máte hotový a podívám se detailněji na úpravy, kterými musí systém projít. Složité úpravy to určitě nebudou. Článek bude směrovaný k začínajícím kodérům. 

Článek z oboru slibuji už dlouho. A čím lepším pokračovat, než pořádným seznamem tipů a triků, jak snáz stylovat web. Dnes se podíváme některé pseudo-třídy kaskádových stylů, které vám usnadní stylování dlouhých seznamů. Ale i krátkých. Také se pokusím vysvětlit, proč tyto selektory nefungují vždy tak, jak bychom si představovali.

Heatmapy pro mě byly až do nedávna velkou neznámou. Stačilo ale pár malých podnětů a já naznal, že bych měl tuto mezeru ve vzdělání doplnit. Heatmapy totiž přímo nesouvisí s mým pracovním zaměřením; je to analytický nástroj, který pomocí barevných polí ukazuje intenzitu uživatelské interakce. Řečeno jednoduše: vidíte, kam lidé klikají. 

Dnes si příklad z minulého článku rozšíříme o další funkcionalitu. Sám jsem dlouho hledal řešení, jak zamezit zbytečnému kousání stránek, které obsahují větší množství vložených videí. Chtěl jsem možnost přehrání uvnitř článku, ale už se mi tolik nelíbilo, jak se všechno musí dopředu zbytečně načítat. 

V předchozím dílu jsme si ukázali, jak získat náhledový obrázek YouTube videa. Dnes tuto znalost konečně zužitkujeme. V dalším ze série krátkých článků si ukážeme, jak snadno a jednoduše přizpůsobit inline rámy responzivnímu designu. 

V prvním ze série krátkých článků ukážu, jak se snadno dostat k náhledovému obrázku YouTube videa. Každý z mých textů nutně nemusí být dlouhý, navíc i mně se bude tato ukázka hodit jako zdroj informací pro článek další. Vím: dohledat řešení je otázka pár minut na Googlu, tak vám ho nabídnu alespoň v češtině. Člověk nikdy neví, kdy se něco takového může hodit.

Tento částečně úvahový článek jsem plánoval napsat už dlouho. Vlastně ještě před svou blogovací pauzou, kdy mě pár grafických návrhů od jednoho méně schopného grafika přimělo sepsat soubor požadavků, které ze své pozice mám. Tyto body zůstaly na čas zapomenuty, abych si je po nějaké době zase připomněl. 

V minulém článku jsem sliboval, že bude další, ve kterém najdete návod na jednoduchý carousel vytvořený za pomoci JavaScriptu a CSS transition. Tak tady je. Pokud si na stránce zascrollujete trochu níž a vyhledáte v pravém sloupci "Mikroblog" a "Nejnovější články", tak přesně to bude výsledek.