Články s nálepkou CSS

Opera začíná podporovat prefix -webkit. Další prohlížeče uvažují o tomtéž. Proč se to děje? A co si o tom má webdesigner nakonec myslet?

Ne jen samými novými technologiemi a frameworky živ je webař. Někdy je také třeba vymyslet řešení pro, na první pohled triviální, věc – jako třeba interaktivní mapa ČR s vyznačenými kraji, která bude reagovat na „ježdění myší“ a zvýrazňovat kraje (hover) a bude navíc umožňovat mít jeden kraj vybraný.

Ukažme si jednoduchý příklad, čeho můžete dosáhnout pomocí otevřených technologií HTML5 a CSS3 – přehrávač videa, který dokáže video otočit a zvětšit. Nebudete k tomu potřebovat žádné složité algoritmy, ty za vás zná prohlížeč a umí je udělat sám; my si vystačíme s CSS transformacemi.

Kaskádové styly jsou dnes až na výjimky přijímány jako standard pro popis vizualizace formátu hypertextových dokumentů. Koncepce jednoduchého popisu s sebou ale nese některé nevýhody, které se snaží překonat různé nadstavby a preprocesory. Jedním z nich je LESS, který si představíme v dnešním článku.

V posledním díle našeho Scuk seriálu se od Djanga přesuneme blíž k prohlížeči — do CSS kódu. Ale kódu moc nečekejte. Pokusím se vám na technickém řešení jednoduché části uživatelského rozhraní ukázat dva principy vztahující se ke kodérské práci, které jsem na Scuku aplikoval nebo díky ní získal.

Pojďme se blíže podívat na další dva zajímavé CSS frameworky — YUI CSS Foundation a 960 grid system, a další, které by mohly zajímat webdesignéry, vývojáře i příležitostné autory WWW stránek. Který framework vám bude nejvíce vyhovovat? To napoví srovnání typografických vlastností a závěrečná doporučení.

CSS frameworky nejsou užitečné jen pro úzkou skupinu CSS kodérů. Designéři ocení šablony postavené na gridu a platformu pro komunikaci s kodéry. Programátoři zase získají jednoduchý nástroj pro rychlé prototypování. A ti nejdůležitější — uživatelé? Díky kvalitní typografii jim usnadníme práci s obsahem.

Web Inspektor je mocný nástroj pro webdesignery a webové vývojáře. Je distribuován s vývojovými verzemi prohlížeče Safari a s prohlížečem Google Chrome. Součástí Web Inspektoru je i nástroj Profiles, který nám pomůže s měřením výkonu našich JavaScriptových funkcí. Jak na to se dozvíte v dnešním článku.

Včera dospěla specifikace W3C s názvem Media Queries do stavu Candidate Recommendation. Pojďme si povědět, k čemu Media Queries slouží. Seznámíme se s tím, jakým způsobem Media Queries rozšiřují syntaxi CSS2.1 a jak je můžete snadno použít.

Byl kód Internet Exploreru v osmé verzi kompletně přepsán? Proč Internet Explorer nepodporuje správný MIME typ u XHTML dokumentů? Měl Internet Explorer 8 obsahovat mikroformáty? Na to dnes odpovídá Pete LePage z IE týmu.

Dnes vám nabízíme rozhovor s Amy Barzdukas z Microsoftu zaměřený na nedávno vydaný Internet Explorer 8. Vyrovná se IE8 ostatním prohlížečům? Jak je to s rychlostí IE8? Měla podpora standardů velkou prioritu při vývoji IE8? Odpovědi najdete uvnitř.

Udržovatelnosti kaskádových stylů prospívá také konzistence ve struktuře souborů, jejich pojmenovávání a obsahu. A víte, proč jsou hacky z pekla? Opět z osobní zkušenosti, tedy subjektivně.

Jaké možnosti pro vytváření layoutů mohou přinést CSS3? Je lepší Advanced Layout Module nebo Grid Positioning Module? A jsou lepší než řešení, která používáme dnes? Stanou se tak dlouho hledaným ideálním řešením? Zkusme si je změřit přísným metrem.

Technická dokonalost kaskádových stylů je samozřejmostí a nestojí už takové úsilí. Vyplatí se však začít klást důraz na udržovatelnost. Rozumíte svému stylopisu? Je jednotný, nebo spíše připomíná Babylón? Subjektivní pohled z praxe s ukázkami kódu.

Jestli má CSS s něčím problém, pak je to layout. Již zhruba 10 let volají webdesigneři po spolehlivém způsobu, který by dovolil vytvořit jakýkoli layout během chvilky a bez zbytečné námahy. Dnes se podíváme, proč jsou současná řešeních problémová a povíme si, proč se v poslední době hodně mluví o CSS tabulkách a o co se jedná.

XSS neboli Cross-Site Scripting je jedna z nejstarších zranitelností webových aplikací. A protože jí stále mnoho webů, resp. webových aplikací trpí a většina uživatelů má JavaScript zapnutý, ukážeme si jednoduché příklady, jak zranitelnost vzniká a jak se jí bránit. Článek je věnován zejména těm, kdo o XSS zatím pořádně neslyšeli.

Co je to graceful degradation? A co znamená progressive enhancement? Proč bychom neměli tyto metody ignorovat? Čím se vyznačují a kdy kterou z nich použít? To se dozvíte v dnešním článku.

Kudy se ubíral webdesign v uplynulých deseti letech a jak moc odlišně se tvoří weby dnes? Co podstatného se v průběhu posledních roků změnilo a jaké byly nejdůležitější technické mezníky na cestě, kterou se tvorba webových stránek do současnosti ubírala?

Zeptali jsme se Jiřího Koska, jak probíhal proces připomínkování OOXML za Českou republiku, proč na CSS3 čekáme již 10 let, jaké problémy vidí na XHTML a také jak hledí na budoucnost XML a na jeho konkurenční formáty. Jiří Kosek nám také přiznal, že dokončuje svou další knížku.

Dlouhé hodiny trávíme laděním stránek pro starší prohlížeče. Výsledný kód je pak plný prezentačního HTML a CSS obsahuje spoustu různých hacků. Je to tak správně? Pokusím se vás přesvědčit, že ne a že to jde i jinak. Pozor, dnes píšeme SUBJEKTIVNĚ!

Nedávno jsme si ukázali, jaké komponenty můžete v Silverlightu používat. Dnes si předvedeme, jak tyto komponenty přeměňovat k obrazu svému. Nahlédneme pod pokličku stylování, tvorbě šablon a dokonce si ukážeme něco málo z animací.

Dočetli jste nějakou učebnici kaskádových stylů a hledáte další zdroj informací, nebo prostě chcete jen zjistit, jak tvoří weby jiní? Pak vás možná bude zajímat kniha z nakladatelství Zoner press, v níž Andy Budd na praktických příkladech vysvětluje, jak používat CSS. Představíme vám ji v naší recenzi.

Jan Odvárko se věnuje vývoji známého nástroje Firebug určeného pro webové vývojáře. Zeptali jsme se ho, jak se k této práci dostal a jakým způsobem spolupráce uvnitř Firebug týmu probíhá. Pokusíme se i trochu poodhalit, jaká je budoucnost Firebugu a na co se můžeme v nejbližší době těšit.

Pomocí kaskádových stylů můžete nechat automaticky číslovat nadpisy, obrázky, tabulky a další části (X)HTML dokumentů. S příchodem Internet Exploreru 8 budou čítače podporovány všemi majoritními prohlížeči. Pojďme se proto podívat, jak můžete automatické číslování použít i ve svých dokumentech.

Předvedeme si běžné strategie, jimiž se webdesigneři při kódování designu vypořádávají s rozdíly v implementaci kaskádových stylů mezi webovými prohlížeči. Seznámíme vás i s možností méně známou, a tou jsou podmíněná pravidla v kaskádových stylech. Představíme vám její dvě ukázkové implementace.

Součástí projektu WebKit je i Web Inspektor, mocný nástroj pro webdesignery a webové vývojáře. Je distribuován s vývojovými verzemi prohlížeče Safari a nově i s prohlížečem Google Chrome. Jak Web Inspektor vypadá a jaké možnosti vývojářům nabízí? Obojí se dozvíte z dnešního článku.