Med delom spletne strani sem preizkušal razne kreacije, in sem se odločil, da jih dam sem, tako, da si lahko malo kopirate, malo popravljate, pač kar vam je ljubše. Vsi primeri so narejeni v prikazovalniku, tako da kar boste spremenili, boste tudi videli. Po osvežitvi brskalnika se vaše spremembe izbrišejo, tako da priporočam, da si primer skopirate v vaš lokalni IDE in delate tam.
accordion | je zložljiv element. | Glej primer |
---|---|---|
animirano ozadje | vsebuje čudovit primer uporabe gradient animacije za ozadje. | Glej primer |
avatar | je grafična predstavitev uporabnika. | Glej primer |
diaprojekcija-slike | Diaprojekcija je način predstavitve serije slik ali diapozitivov. | Glej primer |
diaprojekcija-trgovina | Diaprojekcija je način predstavitve serije slik ali diapozitivov. | Glej primer |
fiksna navigacijska vrstica | ostane na vrhu okna brskalnika, ko se uporabnik pomika po strani. | Glej primer |
fiksna stranska vrstica | je prikazana na strani okna brskalnika, tudi ko se uporabnik pomika po strani. | Glej primer |
galerija slik | je vizualni prikaz zbirke slik ali fotografij na spletnem mestu. | Glej primer |
gumbi | omogočajo izvajanje dejanj s klikom ali dotikom. | Glej primer |
hover | je stanje, ki se aktivira, ko uporabnik premakne kazalec miške nad interaktivnim elementom. | Glej primer |
lepljiva navigacijska vrstica | je vrsta navigacijske vrstice, ki ostane pritrjena na vrhu zaslona, medtem ko se uporabnik premika po vsebini strani. | Glej primer |
lightbox | je priljubljena tehnika uporabniškega vmesnika. | Glej primer |
media | je močno orodje za ustvarjanje prilagodljivega dizajna spletnih strani | Glej primer |
modal | je element uporabniškega vmesnika, ki se prikaže na vrhu trenutnega zaslona in zahteva interakcijo uporabnika. | Glej primer |
naslov elementa | je majhna, pogosto tekstualna informacija. | Glej primer |
navigacijska vrstica | je ključni element uporabniškega vmesnika. | Glej primer |
odzivna navigacijska vrstica | je izboljšana različica standardne navigacijske vrstice. | Glej primer |
odzivna stranska vrstica | je navigacijski element, ki se prilagaja različnim velikostim zaslonov. | Glej primer |
pagination | je tehnika razdeljevanja vsebin. | Glej primer |
preklopna kartica | je uporabniški vmesnik, ki omogoča prikaz in skrivanje dodatnih informacij. | Glej primer |
select | je interaktivni komponenta uporabniškega vmesnika. | Glej primer |
seznami | so osnovni elementi uporabniškega vmesnika. | Glej primer |
seznam z javascript elementi | so osnovni elementi uporabniškega vmesnika. | Glej primer |
elementa drug ob drugem | Postavitev elementov drug ob drugem se pogosto uporablja v spletnem dizajnu in razvoju. | Glej primer |
spustni meni | omogoča prikaz seznama možnosti. | Glej primer |
zebrasta tabela | je slogovna različica tabele. | Glej primer |
tabela z javascript elementi | V td bomo vpisali preprosto JavaScript kodo za pošiljanje elektronske pošte. | Glej primer |
tabeli druga ob drugi | se uporablja za primerjalno prikazovanje podatkov. | Glej primer |
tabele | je strukturiran način za prikaz podatkov v vrsticah in stolpcih. | Glej primer |
vpis | je proces, pri katerem uporabnik vnese svoje podatke. | Glej primer |
zavihki navpično | so element uporabniškega vmesnika. | Glej primer |
zavihki vodoravno | so element uporabniškega vmesnika. | Glej primer |