Moderní web

Před chvílí jsem provedl další větší update webu a koukám, že ještě nemám publikovanou soupisku předchozích aktualizací. A tak opět doháním resty, tentokrát v seriálu "Co jsem dnes udělal pro svůj web". 

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. 

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

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. 

CSS vlastnost transition je taková kouzelná formule, kterou můžeme využít nesčetnými způsoby. Zjednodušeně řečeno je to animace. Provede to, co bychom za jiných okolností poslali do jQuery metodě animate. Použití je velice jednoduché, vše si lze pohodlně testovat ve Firebugu. 

Webdesign je oblast, která se pořád vyvijí a pokud chce člověk držet krok, je potřeba stále studovat nové technologie a využívat vše, co nám nynější prohlížeče dovolí. V dnešním článku si ukážeme jednu kodérskou vychytávku, a to, jak vytvořit jednoduché šipky pouze pomocí css. V druhé části představím piktogramové písmo Font Awesome spolu se stručnou ukázkou použití.