Vitajte

Môj blog a novinky z tvorby webových stránok, Css štýlu, webdesignu, software počítačov.

Vitaeshop.sk

Novinky v CSS3: Multiple Background

Pozadí webové stránky není žádná novinka, vlastně je to jedna z nejstarších vlastností. Určitě si pamatujete různé obláčky, pohyblivé panáčky či jiné obludnosti. Dnes jsme naštěstí dál a můžeme na stránce nadefinovat dokonce několik různých pozadí najednou. K čemu to vlastně je a jak to pořádně využít?

Novinky v CSS3 - Multiple Background

Pomocí CSS3 je nyní možné definovat elementu pozadí, z kolika obrázků se nám jen zachce. Tato vlastnost je i poměrně jednoduchá a jasná. Pro multiple background používáme buďto vlastnost background, nebo background-image. Tyto dvě vlastnosti slouží k definování toho, co vlastně na pozadí bude. Jejich hodnoty vypadají následovně: url('url_adresa.png/jpg/gif'), url('url_adresa.png/jpg/gif'); Takto jsme definovali jednomu elementu dva obrázky na pozadí. V tomto případě se řídí vrstvení (co bude navrch a co vespod) podle zapsání jednotlivých obrázků. První obrázek bude navrch, druhý pod ním. Pokud tedy budeme zapisovat css styl nějakému elementu, bude to vypadat následovně.

Jak psát hezký kód I

Programování nespočívá jen v zapsání algoritmu v určitém programovacím jazyku tak, aby výsledek fungoval – tedy syntakticky a sémanticky správně. To je u programování samozřejmost. Programátoři ale často zapomínají, že po nich budou číst kód i jiní, někdy i oni sami. Napsat kód nejen správně, ale i „hezky“, pak ušetří spoustu práce. Jak psát kód hezky nelze jednoduše říct, protože každý, opravdu každý, kód lze napsat lépe, než jak momentálně vypadá. Ať už se snažíme sebevíc, vždy je možnost, jak ho vylepšit. Nikdy proto nenapíšeme bezvadný kus kódu, ale to neznamená, že na psaní hezkého kódu máme rezignovat a psát špatně kód, který nelze znovu použít. Existuje několik všeobecných zásad, které pokud dodržíte alespoň trochu, tak se bude váš kód lépe číst nejen vám, ale i ostatním lidem, kteří ho budou používat, upravovat či jen pročítat. Nemluvě o dobrém pocitu z dobře odvedené práce.

Ako správne nastaviť CSS štýly pre FastCentrik 2.0

Chceli by ste zmeniť vzhľad internetového obchodu podľa svojich predstáv? Poradíme vám, ako správne postupovať pri tvorbe vlastného grafického dizajnu s ohľadom na technické možnosti systému FastCentrik 2.0.

Nové možnosti pre FastCentrik 2.0

Grafické alternatívy FastCentriku 2.0 sú veľmi košaté. Pri vývoji novej verzie sme kládli dôraz predovšetkým na užívateľskú prívetivosť a rôzne vylepšenia. Jednou z mnohých noviniek, ktorú FastCentrik 2.0 ponúka, je jednoduché nastavovanie individuálneho vzhľadu e-shopu.

Novinky v CSS3: animace

CSS jakožto součást toho nejdůležitějšího, co k tvorbě webových stránek patří, nabízí se svou třetí verzí převratné novinky ve světě internetových aplikací. Rozsáhlá specifikace HTML5 se stále vyvíjí a podle plánů bude zřejmě z grafického hlediska možné vytvořit cokoli, co si jen webdesignér bude přát. Od vektorové grafiky až po interaktivní trojrozměrný prostor. Již nyní je možné, pomocí poslední verze CSS, vytvářet téměř jakoukoli grafiku, bez potřeby používat obrázkové prvky (kromě obrázků/fotografií samotných). Otázkou jen zůstává, jak se bude do budoucna vyvijet podpora u jednotlivých prohlížečů. Každý z velkých prohlížečů totiž zatím používá pro většinu atributů CSS3 svůj prefix nebo celý název. Zpracování a zadávání hodnot je na tom velmi podobně, a to samozřejmě znesnadňuje stylování dokumentů. Jednoduše řečeno, v každém prohlížeči je výsledný efekt více či méně odlišný. Například IE se zatím podporou CSS3 moc nepředvedlo a dokonce svou poslední verzi 9 ani nevydali pro Win XP. Stylovat pro každý prohlížeč a dopisovat kvůli němu speciální funkce sjednocující vzhled ve všech z nich je poměrně zdlouhavá práce. Proto doufejme, že se to v co nejbližší budoucnosti změní, prohlížeče začnou používat standardizované atributy a implementace bude v prohlížečích velmi podobná.

Border-image aneb obrázkový rámeček

Další díl našeho seriálu o zajímavých vlastnostech HTML5 se bude zabývat dlouho postrádanou vlastností CSS, která se jen těžko něčím nahrazovala. Nyní je konečně k použití na vašich reálných internetových stránkách. Pojďme se podívat, jak takzvaný obrázkový rámeček funguje a na co ho můžeme použít.

Stránka zvazu fotografov

Momentálne sa venujem stránke len ukážka.

Pridanie príspevku
Widget is loading comments...

Copyright © Ján Kasanický, 2014  TOPlist 

NAJ.sk
  Valid HTML | Valid CSS

Tento web sa zaoberá programovaním webových stránok, webdesignom, software, počítačmi, aplikáciami. Nájdete tu rôzne návody a rady z počítačovej, programátorskej oblasti. Pri programovaní webových stránok používam css štýl, html, xhtml, php. Pri tvorbe webdizajnu používam Adobe Photoshop cs5.