V doterajšom seriále náučných videí sme sa bavili prevažne o selectoroch, čiže o spôsoboch ako vieme špecificky označiť viaceré rovnaké elementy na stránke. Ako také zavŕšenie tohto seriálu si môžeme vytvoriť jednoduché efektné menu, pomocou html, css a jednoduchého setu niekoľkých ikon. Pri tvorbe menu s ikonkami si precvičíme prácu s viacerými spôsobmi označenia elementov a pre “zavŕšenie” práce s nimi je to veľmi vďačná ukážka. Pri tvorbe menu je vhodné pamätať nie len na samotný dizajn ale napríklad aj na active class, ktorá slúži pre označenie práve vyvolenej položky. Nie len pri tvorbe menu, ale vo všeobecnosti pri práci s viacerými malými obrázkami je lepšie vytvárať zoskupenie (set) viacerých ikon. Zoskupenie nám na našej stránke redukuje počet HTTP requestov, čím si výrazne zvyšujeme rýchlosť odozvy stránky. V návode si ukážeme ako sa vysporiadať so setom ikoniek v jednom súbore. Je podstatne výhodnejšie sťahovať jeden veľký súbor (obrázok pozostávajúci z viacerých malých) ako viacero malých súborov. Súčasný trend smeruje k redukcii http requestov a tak sa ho snažíme pridŕžať, hoc by niekto povedal, že je lepšie mať dostupných viacero malých súborov pre lepšie priebežné načítanie stránky. V podstate áno, má pravu, hoc ja som zástupca jedného veľkého, tento pojem nechajme na každého úsudok :)

Komentáre

Povedzte nám čo si myslíte.

Pridaj komentár

Vyplňte formulár a odošlite