Seekord vaatluse all javascripti raamistik MoreCSS. Erinevalt mõnest teisest teegist (jQuery, Prototype, Moo Tools, Dojo Toolkit, Yahoo! UI Library, Ext JS) peaks see olema veelgi enam disaineritele meelepärasem, sest erinevate funktsioonide loomiseks kasutatakse css'iga sarnast koodi süntaksit ja ülesehitust ning ka kood kirjutatakse css faili, mida siis javascriptiga hiljem töötlema asutakse.

Raamistiku arendaja on yellowgreen designbüro ja see on välja antud MIT Litsents'i all.

Nüüd ka erinevatest attribuutidest ja võimalustest. Ametlikult on attribuutide nimekirjas ligi 25 elementi.

Nüüd ka mõni näide:

1. style - lihtne hover süsteem

a) CSS

#just_a_table td {
border: 1px dotted gray;
}

b) HTML

<table id="just_a_table">
<tr><td>Move your mouse over this</td></tr>
<tr><td>Move your mouse over this</td></tr>
<tr><td>Move your mouse over this</td></tr>
<tr><td>Move your mouse over this</td></tr>
<tr><td>Move your mouse over this</td></tr>
</table>

c) MoreCSS

#just_a_table td:hover {
style:
backgroundColor: #90B329,
color: white
;
}#just_a_table td:leave {
style:
backgroundColor: white,
color: black
;
}

Alles see oli kui flash võitis oma õhulise liikumisega paljude südamed. Kuid ka flashil on omad puudused, keerukamate projektide puhul muutub flash liialt mahuliseks, aeglaseks (eriti nõrgemates arvutites),vaatamata Google poolsetele uudistele edust otsida ka flashi sisust on just see pool flashis nõrgim külg.

Õhuline liikumine on aga toodud javascripti ja ajaxi abil ka html ja css veebilehtedesse. Kasutades poppe javascript teeke nagu Prototype, jQuery ja MooTools on võimalus luua flashilike liikumisi ja animeeritud sisu.

Allpool siis ainult mõned näited sellest edust:
Animeeritud menüü 1
Animeeritud menüü 2
Animeeritud menüü 3

Ãœhe populaarseima javascripti teegi (library) jQuery koduleht on läbi teinud "väikese" uuenduskuuri, uuenenud nii kodulehe kujundus, logo kui ka info. Koos sellega on kodulehele ilmunud väike ülevaade tuntumatest ja suurematest teegi kasutajatest:

Google
Dell
Bank of America
Major League Baseball
Digg
NBC
CBS News
Netflix
Technorati
Mozilla
Wordpress
Drupal

Uus:



Vana: