Programování, tvorba webu

Nové značky v HTML5 jsme již několikrát nakousli. Dnes se podíváme podrobněji na tvorbu kostry stránky tvořené v HTML5, na nové značky pro její vytvoření a na úpravy layoutu pomocí CSS3. Řada věcí je nová a dobrou zprávou je, že vše je jednodušší, než kdy dříve.

Rozhodli jste se vyzkoušet si tvorbu webových stránek v redakčním systému Joomla? Vaše další kroky by měly směřovat k volbě webhostingu, protože ačkoliv většina webhostingů redakční systém Joomla! podporuje, není to pravidlem. V tomto článku se dozvíte, jaká kritéria musíte zvážit při volbě správného webhostingu pro váš web v redakčním systému Joomla!

Na podzim jsme se věnovali základům tvorby aplikací pro Windows 8 a rozhraní Metro pomocí JavaScriptu. Teď opět navážeme a ukážeme si vylepšení doposud vytvořené aplikace. Změníme její rozvržení na dva sloupce a trochu upravíme funkcionalitu původní jednoduché RSS čtečky.

Jedním z nedostatků Drupalu, alespoň v jeho základní podobě, je nemožnost snadného ukládání konceptu článku, podobně, jako to umí třeba blogovací systém WordPress. Vše jde ale řešit, takže stačí sáhnout po doplňujících modulech. Který je můj favorit a nač si dát případně pozor?

Redakční systém Joomla! určený pro tvorbu webových stránek patří k těm nejpopulárnějším. Neříkám, že by byl ze všech nejlepší, ale rozhodně je to jeden z nejpoužívanějších redakčních systémů na světě. Každému vyhovuje něco jiného, ale já se vám pokusím v tomto článku Joomla! ve stručnosti představit, a povím vám, proč jsem si jej vybrala pro tvorbu webových stránek já.

Není tomu dávno, co jsem byl postaven před úkol doplnit do editoru TinyMCE v Drupalu další tlačítko, které by sloužilo k nějaké manipulaci s obsahem. Rád bych v tomto článku shrnul své zkušenosti s tímto úkolem. Zkusíme si praktickou ukázku, a sice vytvoření tlačítka zobrazujícího dialog pro vložení iframe s výřezem mapy z Google do těla editoru.

O HTML5 se minulý rok velmi živě diskutovalo. Pokud jste se jej rozhodli začít používat jako náhradu za některé flashové animace, může vám přijít vhod dvojice tipů na nástroje umožňující automatizovaný převod z Flashe do HTML5.

Pokud například k standardnímu článku v Drupalu přidáte další políčka pro výběr kategorií, nahrávání obrázků, přepínání domén a vůbec jakákoli další nastavení, může z formuláře vzniknout poněkud nepohodlná nudle. Co takhle její rozlomení a rozdělení formuláře na dva sloupce?

Také se vám stalo, že jste se do webu nemohli přihlásit jako administrátor v případě, že jste předtím omylem zadali špatné heslo? Drupal si neúspěšné pokusy pamatuje a může vás zcela odříznout. Toto a některé další chování nelze v administraci změnit - do doby, než si nainstalujete modul Flood control.

Pracujete-li na čemkoli větším, než je sada statických HTML stránek, pak potřebujete nějaký přístup do databáze a nástroj, se kterým můžete na obsah databáze koukat. A kontrolovat, zda vaše skripty fungují a zapisují, co by měly. Nástroj phpMyAdmin známe všichni. Co ale dělat v případě, že zrovna není k dispozici?

Drupal poskytuje jen velmi málo nástrojů umožňujících nějaké pohodlné sledování činnosti uživatelů na vašem webu. S pomocí Views však můžete projít přístupový log (je-li zapnut) a získaná data zobrazit v přehledové tabulce s možností řazení a filtrování.

Jestliže stále nejste spokojeni s nástrojem pro editaci kódu, který právě používáte, hledáte kvalitní a multiplatformní editor s podporou pro PHP, JavaScript, HTML a CSS, Perl, Python, Ruby nebo Tcl, koukněte na Komodo Edit. Garantuji vám, že si vás získá.

Publikační pomůcka Zemanta je aplikace, která pomáhá blogerům obohatit jejich texty automatickým odkazováním na Wikipedii a jiné weby, vyhledává vhodné obrázky do článků a v případě Drupalu automaticky vytváří i odkazy na tagy. Koukněme se na ni trochu podrobněji.

V Česku vzniká mnoho zajímavých softwarových projektů a mezi nimi je bezesporu na předních příčkách úspěšnosti systém pro správu obsahu Kentico. Pokud hledáte CMS pro ASP.NET s maximálním komfortem pro vývojáře i uživatele, zaměřte se na něj. V článku se dotkneme i jeho historie.

Jednou z věcí, které HTML5 mění, je možnost ukládat data z webu do počítače uživatele. Tam, kde nestačí cookies, přichází ke slovu lokální úložiště localStorage. V článku se podíváme na praktické využití a obsluhu úložiště, konkrétně ve spojení s formulářem. V praxi se vám hodí například pro ukládání rozpracovaného článku v CMS.

Drupal 7 přišel s modulem Contextual Links, který slouží k zobrazení kontextových odkazů u uzlů nebo bloků. Výrazně tak zrychluje přístup do jejich nastavení a úprav. Co ale v případě, že chcete doplnit další kontextové odkazy? S šikovnou pomůckou si je přidáte i bez programování.

Nedávno jsme si ukázali novinky, které nabízí HTML5 pro tvorbu webových formulářů. Dnes se podíváme, jak můžeme tyto formuláře nastylovat s využitím novinek v CSS3. Vyzkoušíme si stínování, přechodové výplně a zaoblené rohy.

Vytvoření galerie obrázků pod článkem je díky tomu, že většina potřebných modulů je již přímo v jádře Drupalu, opravdu hračkou. Stačí je pouze správně nastavit a použít. V tomto návodu se podíváme, jak vytvořit jednoduché procházení obrázků pod článkem pomocí Colorboxu.

WebMatrix představuje skvělý způsob, jak si v počítači s Windows zprovoznit lokální webový server s databází, rozjet na něm několik webů a pak je snadno zmigrovat na internetu. Co ale v případě, že potřebujete do WebMatrixu dostat již běžící web? Ukážeme si to na několika příkladech.

Minule jsme si ukázali naprosté základy tvorby aplikací určených pro Windows 8 a rozhraní Metro a tvořených pomocí JavaScriptu. Dnes se pustíme dál a původní aplikaci doplníme o stahování XML z internetu a jeho následné zpracování. Stále přitom zůstaneme u JavaScriptu.