Dnes je ten slavny den, kdy k nam byl zaveden…Metro CSS UI FW. Ale ted vazne. Pridal jsem na vsechny svoje uverejnene weby novou listu, ktera byla vytvorena v Metro UI CSS frameworku. V cem se tato lista lisi od predchozi? Predchozi byla obycejna cerna lista, ktera mela nalevo seznam webu(na nekterych webech byly maximalne zobrazeny treba 4ri polozky a zbytek byl vysunovaci) a napravo v pripade prihlaseneho uzivatele bylo zobrazeno login_uzivatele – odhlasit – nastaveni.
Posledni zminovane bylo asi jen na jednom nebo 2 webech. V pripade neprihlaseneho uzivatele zde bylo prihlasit – registrovat – nastaveni. Tato nova lista je ale vyspelejsi, ve vychozim stavu bez pridani dalsich prvku vypada nejak takto:
Na prvni pohled je tato nova lista sirsi. Ta starsi lista mela 25px, tato ma 45px. O jeden klik je vetsinou delsi prepnuti na jiny web. Zatimco ve starsi liste byly vetsinou zobrazeny vsechny weby, zde se musi kliknout na prvni polozku a pak vybrat nazev webu. Nasleduji 2 tlacitka – prvni je odkaz na aktualni adresu stranky, takze se da snadno zjistit i kdyz si ho smazete z adresniho radku prohlizece, druha stranku vytiskne.
Zatim na zadne strance nejsou css styly pro tisk, ale hned zitra se na to mrknu. Pote je tlacitko z obrazkem uzivatele, ktery si pri kazdem nacteni stranky natahuje z gravatar.com a nickem uzivatele. V pripade ze uzivatel nebude prihlaseny se zobrazi jen “Neprihlaseny uzivatel” bez obrazku a po kliknuti na toto se zobrazi uzivatelovi dialog prihlaseni. Predposledni ikona zamecku uzivatele odhlasi – a logicky se zobrazuje jen tehdy, kdyz uzivatel bude prihlaseny.
Posledni je rozeviraci nabidka s dalsimi nastavenimi uzivatele – v pripade prihlaseneho zmena fotky na gravatar.com, v opacnem pripade moznost registrace nebo prihlaseni. Do listy jde pres velmi malo kodu implementovat dalsi veci. Zde napriklad vidite dynamicke generovani obsahu prvku na strankach detailu kese:
