Dnes je ten slavný den, kdy k nám byl zaveden…Metro CSS UI FW. Ale teď vážně. Přidal jsem na všechny svoje uveřejněné weby novou lištu, která byla vytvořena v Metro UI CSS frameworku. V čem se tato lišta liší od předchozí? Předchozí byla obyčejná černá lišta, která měla nalevo seznam webů(na některých webech byly maximálně zobrazeny třeba 4ři položky a zbytek byl vysunovací) a napravo v případě přihlášeného uživatele bylo zobrazeno login_uživatele – odhlásit – nastavení. 🎨
Poslední zmiňované bylo asi jen na jednom nebo 2 webech. V případě nepřihlášeného uživatele zde bylo přihlásit – registrovat – nastavení. Tato nová lišta je ale vyspělejší, ve výchozím stavu bez přidání dalších prvků vypadá nějak takto:
Na první pohled je tato nová lišta širší. Ta starší lišta měla 25px, tato má 45px. O jeden klik je většinou delší přepnutí na jiný web. Zatímco ve starší liště byly většinou zobrazeny všechny weby, zde se musí kliknout na první položku a pak vybrat název webu. Následují 2 tlačítka – první je odkaz na aktuální adresu stránky, takže se dá snadno zjistit i když si ho smažete z adresního řádku prohlížeče, druhá stránku vytiskne.
Zatím na žádné stránce nejsou CSS styly pro tisk, ale hned zítra se na to mrknu. Poté je tlačítko s obrázkem uživatele, který si při každém načtení stránky natahuje z gravatar.com a nickem uživatele. V případě že uživatel nebude přihlášený se zobrazí jen „Nepřihlášený uživatel“ bez obrázku a po kliknutí na toto se zobrazí uživatelovi dialog přihlášení. Předposlední ikona zámečku uživatele odhlásí – a logicky se zobrazuje jen tehdy, když uživatel bude přihlášený.
Poslední je rozevírací nabídka s dalšími nastaveními uživatele – v případě přihlášeného změna fotky na gravatar.com, v opačném případě možnost registrace nebo přihlášení. Do lišty jde přes velmi málo kódu implementovat další věci. Zde například vidíte dynamické generování obsahu prvků na stránkách detailu keše:
Metro CSS UI FW. Weby prostě vypadají úplně jinak než vypadaly předtím, což je někdy dobré, většinou to ale je krok zpět ve smyslu, že se to nechová jak já chci. 🛠️