HTML 5

Jak na responzivní web: CSS Grid Layout, stylování Widgetů

_
_

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. Samotnému layoutu o dynamické šířce se věnovat nebudu; dnes budu předpokládat, že toto už umíte. Widgety v různé podobě jsou nyní vcelku populární záležitost, jenže jak se to má člověk naučit, když článků je pomálu.

Celý článek

Když klient reportuje už opravené chyby

_
_

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í. Tak musíte znovu otevřít mail, napsat mu, aby zmáčknul ctrl+F5 nebo ctrl+R a pak bude to v pořádku. Jenže po jisté době to samozřejmě začne být otravné... Jak tedy donutit prohlížeč aby smazal původní soubor v cache a nahradil ho novým?

Celý článek

Úvod do HTML5: nové elementy a atributy

_
_

HTML5 se mi začíná líbit čím dál tím více. V testovacím režimu ho už zkouším i na svém blogu. Pro mnohé je to ale stále ještě velká neznámá, proto jsem se rozhodl některé novinky trochu přiblížit. Na úvod se budu věnovat novým elementům a novým atributům v porovnání s HTML4 nebo xHTML1. Zhruba před třemi lety jste si mohli na mém blogu přečíst článek xHTML 2 versus HTML 5. Mnohé se ale změnilo, a tak dnes přináším další článek o vývoji nové verze značkovacího jazyka.

Celý článek

SEO nespočívá ve validním kódu. Prostě ne.

_

V následujícím článku se nedočtete, co udělat, jestliže vám najednou spadly pozice, ani rady, jak se umístit na první stránky vyhledávání. Jeho poselství je úplně jinde. Rád bych vyvedl z omylu všechny ty, kteří vehementně tvrdí, že pro dobré umístění webu je nutný validní (x)HTML kód. Tak tomu ani v nejmenším není. A o čem že to je? Na problematiku optimalizace pro vyhledávače je nutné nahlížet z více úhlů. Proto bych rád v bodech shrnul, na co soustředit namísto mnohdy nesmyslné validace. Validní kód rozhodně neodsuzuji, jen bych rád toto téma naprosto oddělil od Search Engine Optimization.

Celý článek

Mýty a pověry okolo Box Modelu

_

Při hledání odpovědi co přesně se Internet Exploreru honí hlavou když se přepíná do Quirk módu a proč tomu tak činí jsem narazil na spoustu článků, popisující chování IE při pár konkrétních DTD, ale všude vždy 2, maximálně 3 příklady. Stejně tak, jako se všichni zabývají neustále jen Box Modelem a některé další důležité neshody opomíjí. Vytvořil jsem si proto 5 různých html dokumentů s pěti různými Doctype a zkoumal jejich chování v IE5, IE6 a IE7.

Krom vykreslení rámečku jsem testoval i dvě další vlastnosti, s jejichž odlišnou interpretací jsem se v minulosti setkal. Ve dvou dílech svých CSS tutoriálů jsem vždy popisoval řešení, jak potencionální problémy obejít, jak se jim vyhnout. Pokud ale předpovíme přesné chování Exploreru, můžeme toho i využít a viditelně si ulehčit práci.

Celý článek

XHTML 2 versus HTML 5

_

Nedávno jsem narazil na poměrně zajímavý článek na serveru xhtml.com popisující změny v připravovaných verzích značkovacích jazyků HTML 5 a xHTML 2. Některé z nich vypadají opravdu zajímavě, jiné jsou podle mého názoru nesmyslné a spousta z nich je pouze "vata"... Článek jsem přeložil na nabídnu Vám ho k přečtení na svém blogu.

 

Celý článek

CSS layout, aneb web bez tabulek - tutoriál

Jak jsem již zmínil v poslední článku, existují 3 způsoby, kterými můžete vytvořit lay-out pro svůj web. Rámy, tabulky nebo tzv. striktní div/CSS. Rámy snad ani nemusím komentovat, ovšem horší je to s tabulkami. I dnes mnoho webů používá tento nesprávný způsob rozvržení. Tabulka je určena pro zobrazování tabulkových dat, a ne pro layout celého webu. Na popud všech těch stránek / tabulek jsem se rozhodl napsat následující tutoriál. Doufám, že Vám alespoň trochu pomůže. To by snad na úvod stačilo, pustíme se do toho.

Celý článek

Na co se dnes zapomíná při tvorbě webu

Vytvořit webové stránky není nic těžkého – dnes už se to umí spousta lidí, a tvorba webu se dokonce vyučuje i na středních školách. Ovšem vytvořit kvalitní internetovou prezentaci není nic jednoduchého. Nestačí jen nastavit velikost písma, texturu na pozadí a pár obrázků… Také grafika je nedílnou součástí dobrého webu, ovšem té se v tomto článku věnovat nebudu. I stránka s jednoduchou grafikou může být velice kvalitní, dodržuje-li některé zásady tzv. přístupného webu. Začínající webmasteři totiž nedodržují některé základní pravidla při tvorbě svých stránek. Dopadá to tak, že koukáte na weby s nečitelným textem, rozhozeným layoutem a spoustou animací, ze kterých Vás bolí oči.

Celý článek