Tvorba WWW

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. 

Články o mod_rewrite pro hezké url mi dlouhodobě zaznamenávají velkou návštěvnost, což ale není ten důvod, proč jsem se rozhodl napsat díl už asi osmistý padesátý prvý. Některé věci je totiž nutné uvést po letech na pravou míru: předchozí díly měly v prvé řadě ukázat, že pomocí mod_rewrite lze dosáhnout cokoli, co si člověk jenom zamane. Každá aplikace, byť je sebehůř napsaná, má šanci na přátelská url. 

Stránka 404: dokument nenalezen je důležitá součást každého webu o více než jedné stránce, přesto na ni spousta vývojářů zapomíná nebo ji nemá vyřešenou správně. Dnes vám představím, jak takovou chybovou stránku vůbec vytvořit, pohovořím něco o základních komponentách, ze kterých by se měla skládat a v závěru zkusím na pár příkladech demonstrovat správně a nesprávně vytvořené 404ky.

Nedávno jsem se vrátil k pravidelnému sledování internetových diskusí a ke čtení článků v oboru. Lze se tam mnohému přiučit, rozšířit si obzory a občas také pomoci ostatním. Jenže dřív nebo později se člověk dostane do křížku s jinými diskutéry, pro které je čistota kódu a správnost řešení na prvním místě. 

Je čas zase na nějaký článek na téma, kterému byl tento blog původně věnován. V dnešním tutoriálu ukážu krátký návod, jak vytvořit takzvané Widgety závislé na aktuální šířce okna; naučíme něco o responzivním webu. 

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

Aneb stále se učím. Tedy abych byl přesný, nejednalo se o optický klam, ale o bug v zobrazení modelu RGB. Měl jsem stránku, kde byly v patičce ikonky sociálních sítí. A došel mi bug report, že druhá z ikon, YouTube, je trochu uskočená. 

Provádění stylových, grafických či JavaScriptových úprav na webové prezentaci a jejich následné posílání na validaci klientovi by vydalo na samostatný blog, já vám ale dnes ukážu jednoduchý tip, jak těmto situacím co nejvíce předejít. Znáte to: upravíte styl, napíšete, že je hotovo a klient vám obratem odpoví, že není. 

Spousta webů využívá zobrazení informací v malých pop up oknech. V takovém případě vždy chceme vypsat uživateli zprávu na jasném a viditelném místě. Zarovnání absolutně napozicovaného divu na střed obrazovky může znít jako poměrně jednoduchý úkol, ovšem pokud chceme docílit univerzálního řešení, situace se může trochu zkomplikovat. V dnešním článku bych rád ukázal jednoduchý návod jak na to.