CSS Hrou

Štatistika prehliadačov csshrou.sk – august 2010

admin — Fri, 03 Sep 2010 06:05:01 +0000

Štatistika prehliadačov csshrou.sk – júl 2010

admin — Fri, 30 Jul 2010 21:09:44 +0000

Animovaná 3D kocka v CSS3

admin — Tue, 13 Jul 2010 08:31:04 +0000

Peter Druska vytvoril fantastickú animovanú 3D kocku za použitia animacií v CSS3. Funguje len v Safari.

http://css3art.dvp.sk/kocka/

Pulzujúce srdce

admin — Thu, 17 Jun 2010 17:27:48 +0000

No nie je pekné v Safari alebo v Google Chrome? Ako by ste ho vylepšili vy? Napíšte mi.

UL LI menu, stromová štruktúra

viktor ech — Tue, 08 Jun 2010 08:25:25 +0000

Dnes si ukážeme jedno zaujímavé menu. Potreboval som upraviť štruktúru UL LI menu tak, aby v ňom vnorený UL LI zoznam vyzeral ako pekná stromová štruktúra. Podarilo sa mi to s dvoma obrázkami, pričom menu je ošetrené aj pre dlhší text, ktorý sa nezmesti na jeden riadok. Príklad je funčkný aj v IE6.

Prezrieť

Uploader, alebo CSS3 nahrávač

viktor ech — Wed, 02 Jun 2010 16:09:24 +0000

Dočkal som sa. 15 kilobájtové animované obrázky budú za nejaký čas minulosťou. Využil som CSS animácie a vytvoril som za tieto gifka náhradu. Samozrejme, podporuje to zatiaľ iba Safari a Google Chrome.

Použitie vlastnosti position: fixed

viktor ech — Mon, 17 May 2010 14:02:19 +0000

Využili ste už niekedy CSS vlastnosť position: fixed? Ak nie, mám tu pre Vás jeden tip.

Prezrieť

Budúcnosť CSS animacií

viktor ech — Tue, 04 May 2010 18:05:59 +0000

Dnes len stručne. Áno, sme v dobe, kedy niektorí ľudia s obrovským strachom odmietajú CSS3 a niektorí v ňom denne tvoria veľmi zaujimavé veci. Narážam na CSS transitions, resp. CSS animácie. Už dlhšie rozmýšľam nad tým, ako sa budú vyvíjať. Vystriedajú za pár rokov flash (3kb banner)? Budú sa pomocou nich robiť browser hry? A čo napríklad zaujimavé demonstračné efekty? Nahradí za pár rokov CSS Jquery? Je dosť možne, že sa v dohľadnej dobe objaví nejaký editor, ktorý bude kód takýchto CSS animacii generovať automaticky. Človek si len určí, kde sa čo bude nachádať, akú to bude mať podobu, odkial-kam to pôjde a je to. Páčilo by sa mi to. Určite to bude lepšie a rýchlejsie, ako to zapisovať ručne. Napríklad taký CSS3 Spider Man.

FireBug pre Internet Explorer 6,7,8

viktor ech — Tue, 16 Mar 2010 16:48:22 +0000

Dnes mi kolega v práci veľmi pomohol. V kóde jednej stránky sa cez JS generoval iframe, ktorý pod IE6 čiastočne znefunkčoval jej obsah. No a kolega mi doporučil vloziť hocikde do stránky tento kód:

[code lang="html"] <script type='text/javascript' src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script> [/code]

Toto Vám umožní používať tento supertruper nástroj aj pod IE6, IE7.

Štýlujeme TITLE pomocou CSS

viktor ech — Tue, 16 Feb 2010 17:04:33 +0000

Je možné štýlovať tag TITLE? Áno. Systémovo má tento tag nastavenú vlastnosť display: none, my to však môžme zmeniť. Výhoda? Je to prakticke a zaujímavé. Pozrite si ukážku.