Štatistika prehliadačov csshrou.sk – august 2010
Štatistika prehliadačov csshrou.sk – júl 2010
Animovaná 3D kocka v CSS3
Peter Druska vytvoril fantastickú animovanú 3D kocku za použitia animacií v CSS3. Funguje len v Safari.
...Pulzujúce srdce
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
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.
Uploader, alebo CSS3 nahrávač
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
Využili ste už niekedy CSS vlastnosť position: fixed? Ak nie, mám tu pre Vás jeden tip.
...Budúcnosť CSS animacií
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 ...
FireBug pre Internet Explorer 6,7,8
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
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.