Zdroják

Webdesignérův průvodce po CSS3: typografie

redakce@zdrojak.cz (Zdroják: Jan Sládek) — Mon, 18 Oct 2010 22:00:00 GMT

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ří.

Webdesignérův průvodce po CSS3: selektory

redakce@zdrojak.cz (Zdroják: Jan Sládek) — Mon, 11 Oct 2010 22:00:00 GMT

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.

Webdesignérův průvodce po CSS3: Media Queries

redakce@zdrojak.cz (Zdroják: Jan Sládek) — Mon, 04 Oct 2010 22:00:00 GMT

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.

Webdesignérův průvodce po CSS3: animace

redakce@zdrojak.cz (Zdroják: Jan Sládek) — Tue, 28 Sep 2010 22:00:00 GMT

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.

Webdesignérův průvodce po CSS3: první díl

redakce@zdrojak.cz (Zdroják: Jan Sládek) — Mon, 20 Sep 2010 22:00:00 GMT

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.

Webdesignérův průvodce po CSS3: nultá kapitola

redakce@zdrojak.cz (Zdroják: Jan Sládek) — Mon, 13 Sep 2010 22:00:00 GMT

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.

Webdesignérův průvodce po HTML5: Microdata

redakce@zdrojak.cz (Zdroják: Jan Sládek) — Mon, 19 Jul 2010 22:00:00 GMT

Sémantický web byl kdysi jen sen, nyní to vypadá, že tenhle sen budeme v příštích letech žít. A jistě bude spojen minimálně s jednou technologií z trojice Mikroformáty, RDFa či Microdata. O Mikroformátech i o RDFa jsme na Zdrojáku už psali. Zbývají Microdata – dítě editora Iana Hicksona, podle jeho slov takové „zjednodušené RDFa“.

Webdesignérův průvodce po HTML5 - taháme data od návštěvníka

redakce@zdrojak.cz (Zdroják: Jan Sládek) — Mon, 28 Jun 2010 22:00:00 GMT

Na většině webových stránek budeme po návštěvníkovi chtít, aby nám poskytl nějaké informace. Ať už je to poštovní adresa při objednávce u e-shopu nebo komentář na webu. Formuláře tu s námi jsou již dlouho a skoro stejně dlouho si webdesigneři přáli, aby toho uměly více. Naštěstí pomohl JavaScript a většinu chybějících věcí jsme si nějak dopsali. Podívejme se, jak HTML5 usnadňuje tvorbu formulářů bez potřeby JavaScriptu.

Webdesignérův průvodce po HTML5 - používáme pohyblivé obrázky

redakce@zdrojak.cz (Zdroják: Jan Sládek) — Mon, 21 Jun 2010 22:00:00 GMT

Naposledy jsme si užili teorie a povídali si o stavu implementace elementu . Dnes to bude čistá praxe. Je čas, abychom základy z minula využili a nějaké video publikovali. (Důrazně doporučujeme přečíst si minulý článek, než začnete číst tento). Na závěr článku si doplníme vzdělání ještě o element .

Webdesignérův průvodce po HTML5 - pohyblivé obrázky

redakce@zdrojak.cz (Zdroják: Jan Sládek) — Mon, 14 Jun 2010 22:00:00 GMT

V minulých týdnech jsme si povídali o tom, jak smysluplně označovat obsah stránek. Ale abychom vůbec mohli nějaký obsah označovat, musíme nějaký (nejlépe hodnotný) mít. Blogy (a psaní) už jsou z módy a tak musíme, chceme-li být in, natáčet a publikovat audio a video. Ovšem pro publikaci tohoto typu obsahu jsme donedávna potřebovali plugin v prohlížeči. Dnes se podíváme, jak kartami míchá HTML5, a na nový element .