U ovom tutorialu naučit će te kako se kreira side menu sa animacijom, te animaciju hamburger menu tipke.

Koristio sam 2 glavna elementa na stranici sa class-om left_menu i page.
left_menu class se sastoji od nekoliko elemenata, a to su:

• menu_btn u kojem se nalaze 3 span elementa koja služe za hamburger menu ikonu
• <ul> element u kojem se nalaze linkovi menu-a

page class se sastoji od dva djela, a to su:

• title class koja sadrži naslov stranice
• text class u kojoj se nalazi text stranice sa lorem ipsum textom

Nikad dosta menu animacija. U ovom tutorialu možete pogledati vertikalnu i horizontalnu menu animaciju.
Napravimo jedan obični menu, možete koristiti <div> i <a> tagove kako sam ja koristio ili <ul> <li> i <a> tagove, vama po želji.

Ako volite neonske efekte, onda je ovo pravi tutorial za vas. U ovom tutorialu ću vam pokazati kako možete sa nekoliko css linija napraviti text sa neonskim efektom  koji će te moći koristiti odmah vidljiv ili samo na hover. Kroz čivat tutorial sam koristio Ubuntu font sa 700 debljine.
Jedino što trebate je jedan <p> element sa <span> elementom unutar njega s teekstom koji želite. Prvi element <p> će mi služiti za stalni neon efekt dok će drugi biti samo na hover. 

U materijal dizajnu jedna od najvažnijih stvari je sjena na elementima koja određuje koliko je element podignut od same stranice. Gotovo svaki panel, tipka, forma ima sjenu.
U ovom tutorial-u možete vidjeti "material-shadow" funkciju u sass-u koji možete jednostavno koristi na svojoj web stranici. Postoje 5 levela sjene, od najmanjeg ($level 1) do najvećeg ($level 5).

Sviđa vam se naš Zcode top menu. U ovom tutorialu možete vidjeti kako ga jednostavno napraviti u par koraka.
Prvo šta morate napraviti jest kreirati unordered html listu <ul> klase menu.