Články s nálepkou CSS3

Kaskádové styly doprovázejí naše stránky již půl druhé dekády. Za ta léta jsme si stačili velmi dobře všimnout jak jejich nesporných výhod, tak i nevýhod, které především kodérům znesnadňují práci. Pojďme takové klacky pod nohama zdolat, projít si třeba jarní LESS a nadechnout se opět čerstvého kodérského vzduchu.

HTML5 je stále tématem mnoha webdesignérských debat. Po prezentaci na toto téma pravidelně chodí lidé a říkají: „Já nevěděl, že se to dá použít už teď, já myslel, že to jsou jen zatím návrhy…“ Jak je to vlastně s HTML5 a jeho podporou? Podpora v prohlížečích je známá, co takhle podpora mezi webdesignéry?

Vývoj pro mobilní zařízení je v současnosti žhavým tématem. Letos poprvé překročily počty prodaných smartphonů prodeje klasických PC. Stále víc uživatelů používá k procházení webu mobilní zařízení, což klade nároky na vývojáře, kteří jsou nuceni své stránky upravit tak, aby byly použitelné i na těchto zařízeních.

Myslíte si, že na webu můžete stále používat jen tři základní písma a zbytek musíte vyřešit jinak? Nebo že web a typografie nejde dohromady? Nové prohlížeče umožňují pracovat s písmy velice komfortně díky CSS3 a @font-face. Ovšem není vše tak jednoduché, jak by se mohlo ze specifikace zdát…

Věci nejsou nikdy takové, jaké se zdají, a ani v titulku není to, co tam pravděpodobně čtete. O čem se budeme bavit? Schválně: Zkoušeli jste někdy vytvořit něco složitějšího pomocí CSS3 a přišlo vám to zbytečně komplikované? V tomto článku si ukážeme nástroje, které vám psaní CSS3 zjednoduší.

Jestli se web něčím odlišuje od tištěných médií, tak je to velmi složitá kontrola vzhledu písma a textu. Weboví grafici ví, že používat zarovnání do bloku je neskutečně špatný nápad, že by měli by používat jen tzv. bezpečné fonty (které se vyskytují na většině počítačů) a že každý operační systém (a často i prohlížeč) si vykreslí písmo trošku jinak. CSS3 se snaží tyto problémy řešit, pojďme se podívat, jak se mu to daří.

Všichni se shodneme, že základem CSS jsou selektory. Jak zacílit konkrétní část HTML bylo vždycky dobrým tématem na dlouhé diskuse s kolegy kodéry. Co je udržitelnější do budoucna? Co je rychlejší? CSS3 přináší do téhle diskuse mnoho novinek, které nám mohou usnadnit práci či umožnit věci, o kterých jsme dříve mohli tak leda snít.

V předchozích dvou dílech seriálu jsme se zabývali užitečnými drobnostmi, které mohou vylepšit váš design. Dnes se podíváme na Media Queries, které mají potenciál výrazně změnit způsob, jakým kódujeme. Umožňují totiž velmi specificky přizpůsobit vzhled stránky zařízení, na jakém bude zobrazena.

V minulém díle jsme si ukázali, jak udělat náš web krásnější s pomocí CSS3. Dnes nás čekají přechody, transformace a animace. Ty byly ještě nedávno hlavně doménou Flashe a JavaScriptu, nyní přicházejí přímo do CSS. Hlavní tahoun v jejich prosazování a implementováni je Apple (Webkit) a lze si s nimi skutečně vyhrát.

V minulém díle jsme si povídali co je CSS3, jak se vyvíjí, jak funguje a i to, jaký je stav implementace v prohlížečích. Dneska se podíváme na takové ty webdesignérské laskominy. Zkrátka na drobnosti, které nám mohou ušetřit hromadu nervů a času a navíc vypadají „zatraceně“ dobře.

CSS je tu s námi od roku 1994. A již zhruba 10 let se pracuje na jeho 3. verzi. Prohlížeče části CSS3 implementují a pokud víte jak, tak si pomocí nich můžete ušetřit spoustu času a starostí. Ve webdesignerově průvodci CSS3 se podíváme na to, co CSS3 přináší a popíšeme si jeho nejdůležitější části.

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.

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

Vyzpovídali jsme Davida Storey z Opera Software na jeho návštěvě v Praze. David nám prozradil něco o své funkci Chief Web Opener, popsal, jaké to bylo, když pracoval CERNu a proč se rozhodl pracovat pro Operu. Řekl nám, co se mu líbí na CSS3 a jak to v tuto chvíli vypadá s rychlostí nového javascriptového enginu Opery.

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.