Archiv pro ‘layout’ kategorii

Stylování (CSS) nových Windows fontů

Proč vymýšlet dávno vymyšlené, když už si se správným použitím font-family pro nové Windows fonty (Calibri, Cambria, …) hlavu lámali jiní? Kdysi dávno jsem našel perfektní stránku, fontotéku od Davida Grudla.

Dnes jsem to jak na potvoru nemohl najít. Prohlížečů používám víc, než bych chtěl a v každém mám uložené nějaké záložky (oblíbené stránky) a popravdě v tom mám takový zmatek, že pokud to tam někde je, tak to stejně nemám šanci najít. Takže jsem se snažil potrápit google, ale výsledky byly na nic.

Číst více

Má ještě dnes smysl optimalizovat stránky pro 800×600?

Přístupnost je důležitým faktorem webových stránek – každý přece chce, aby si jeho stránky mohlo přečíst co největší množství návštěvníků a aby se jim stránky správně zobrazily. Jedním (i když možná marginálním) pravidlem přístupnosti je správné zobrazení při různých rozlišeních koncového zařízení. Číst více

Grafika pro web

Často se setkávám s jistým tápáním ohledně formátů grafiky, které lze použít na webu. V tomto článku se vám zkusím přiblížit, jaké formáty je vhodné na webu používat a vysvětlit proč. Číst více

Resetování CSS

Kdysi dávno jsem zde psal článek o kaskádových stylech. Ke konci článku jsem ukazoval jednoduchý příklad resetování CSS stylů. Dnes se na tuto problematiku podíváme blíže a ukážeme si nevýhody předchozí rady. Číst více

Jak vložit kaskádový styl do HTML

V současné době upadá období anarchie tvorby webových stránek a snad všichni tvůrci se snaží dodržovat nějaká pravidla tvorby správného webu. Odměnou za tuto snahu je například lepší ohodnocení stránek vyhledávacími roboty a následné lepší umístění ve vyhledávačích. Hlavním pravidlem je oddělení obsahu od vzhledu.

O obsah se tedy má starat HTML (tagy pouze označují o jaký typ obsahu se jedná – např. tag <p> označuje text jako odstavec) a o vzhled se stará CSS. Pomocí CSS tedy řeknete prohlížeči, že má v odstavci definoveném pomocí HTML použít určitý druh písma. CSS lze do html dokumentu vložit víceméně třemi způsoby. Číst více

Horizontální vycentrování pomocí CSS

Pro zkušené webdesignery toto není žádný oříšek, ale pokud teprve začínáte své stránky kódovat a nebo se vám zčistajasna zamlžil mozek a vy si nemůžete vzpomenout, je zde tento mininávod.

Takže situace je následující, máme jeden <div>, který chceme mít horizontálně vycentrován. Samozřejmě chceme použít CSS a dalším požadavkem je, aby vše bylo validní. Číst více

Základ dobrého kaskádového stylu

Každý kdo se zabývá webdesignem jistě ví, co znamená zkratka CSS. Těm, kteří si nejsou jisti prozradím, že se jedná o tzv. kaskádové styly, přesně tedy Cascading Style Sheet. Po jisté době webdesignové anarchie (ještě dnes se slzou vzpomínám na tzv. tabulkové layouty – celý web byl vložen do tabulky) se jasně vytyčila pravidla, která tomu všemu dávají větší řád. A proto se dnes (x)html používá pouze pro definování toho, čím je obsah, který se má zobrazit na stránce a CSS pak udává vzhled. Číst více

Zpět nahoru

Doporučuji