Izgradite prilagodljive web-stranice brže s semantičkim sučeljem
Frontendski okviri kao što je Bootstrap još su uvijek besni. Postoje desetine velikih izbora koje možete izabrati, ali ono što je nedavno privuklo moju pozornost Semantički UI.
Odobrena je ova knjižnica već neko vrijeme, već nekoliko godina. Međutim, najnovije izdanje verzije 2.2 dolazi s hrpom dodatnih značajki i dokazuje da će Semantika biti na dužem mjestu.
S desecima CSS varijable, jednostavne klase odgovora, i jednostavni raspored izgleda, Nećete imati problema s samostalnim radom sa Semantic UI-jem.
jednostavna imena klasa i mrežne strukture stvarno daju značenje da se ovaj okvir naziva “semantički”. Razredi su vrlo osjetljivi i to čini vaš HTML lako čitljivim na daljinu.
Čak dolazi jQuery podrška za dinamičke elemente stranice kao što su vrtuljci i padajući izbornici.
Svaki HTML element pod suncem je prilagođeno i potpuno funkcionalno s semantičkim sučeljem. To uključuje HTML5 elemente plus dodatne funkcionalnosti kao što su ocjene i prilagođene kartice.
No, možda je najbolji dio Semantičkog postavljanje tema. Ne samo da dobivate tone unaprijed dizajniranih stilova i dinamičkih elemenata, već možete i prepravite to sami zgrada na vrhu semantičkog koda.
Cjelokupna knjižnica 3.000+ tematskih varijabli možete mijenjati u Sassu ili proširivanjem vlastitog stila. Osim toga, Semantic UI dolazi u paketu devet zadanih tema:
- Semantički zadani
- Bucmast
- uzdignut
- Klasik
- Google materijal
- Amazon
- bootstrap
- GitHub
- Cvrkut
To su samo vrh ledenog brijega i djeluju više kao polazne točke za izradu vlastite teme.
Ako gradite novu odredišnu stranicu ili prilagođenu web-lokaciju od početka, ozbiljno razmislite o radu s Semantic UI-jem. To je potpuno slobodan i otvoren izvor s velika dokumentacija na mreži.
Možete pregledavati stilovi rasporeda, zajedno s vodiči za sve glavne elemente i prilagođene teme.
Možete preuzeti i kopiju izvornog koda izravno iz tvrtke GitHub, koja također uključuje a vodič za početnike.