Gumbi pri spletnem oblikovanju se uporabljajo kot grafični vir ki obiskovalcu pomaga, da se ustavi, prebere in začuti skušnjavo ali jo mora klikniti. Je "poziv k dejanju«(Poziv k dejanju) v vsakem pravilu, ki mora biti, tako kot vse, urejeno z inteligenco in mero.
Zelo pomembno je, da izberete vrsto gumba, ki ohranja največ skladnost z videzom vašega spletnega mesta ali spletnega dnevnika. In še en dejavnik, ki ga je treba upoštevati, je, da če ima vaša stran 5 gumbov, vseh 5 v bistvu ohranja enak videz: enako barvo, enako pisavo in enako velikost. V tej objavi vam ponujamo 12 brezplačnih gumbov, ki jih lahko prenesete in uporabite kjer koli želite.
12 brezplačnih gumbov
Nasveti 6 Hitro razmislite, preden se odločite za en ali drug gumb:
- Da vsi gumbi na vašem spletnem mestu pripadajo isti paket (ali pa se ujemajo po barvi, obliki in tipografiji).
- Ne uporabljajte več gumbov kot potrebno na svoji strani (tvegate, da jo boste preobremenili).
- Če je barva ozadja vaše spletno mesto je modro, zeleno, rdeče, rjavo ali črno (intenzivno), preden se odločite za gumb, ga spremenite v svetlejšega. Obiskovalec se vam bo zahvalil.
- Evita gumbi slabe kakovosti, ki so videti pikselirani (s temi se vam to ne bo zgodilo).
- Če je vaša stran v španščini, ne uporabljajte gumbov "Prenesi", "Preberi več" itd. In obratno.
- Če lahko namesto slik uporabite gumbe, narejene s kodo CSS3, še toliko bolje. Kot gumijasto teksturirani gumbi v CSS3 ki smo vas že pred časom naučili.
Splošno
Teksturirani gumbi na semaforju
Modri gumb v vseh treh stanjih (normalno, pritisnjeno in aktivno) 
Gumbi za shranjevanje, preklic in dodajanje
Za vaša socialna omrežja
Kvadratni gumbi za družabna omrežja
Okrogli gumbi za družabna omrežja
Preprosti okrogli gumbi: barva 'tangerine tango', barva 'Honey Suckle', Turkizna barva y Barva mimoze 
Več informacij - Gumijasti gumbi v CSS3