Bootstrap
Bootstrap je vrlo popularan CSS okvir koji se široko koristi. Pogledajte ovaj članak za detaljniji vodič.
Semantičko korisničko sučelje
Semantičko korisničko sučelje jedan je od najpopularnijih CSS okvira za razvoj responzivnih, prvih mobilnih projekata za web.
Početak rada
Ovdje je jednostavan HTML predložak koji uključuje najnoviji kompilirani i minificirani CSS i Javascript za Semantičku korisničku biblioteku. U ovom smo primjeru koristili CDN, ali ovdje možete provjeriti druge načine instaliranja Semantičkog korisničkog sučelja.
Semantic UI Template Hello World
Resursi za učenje
- Službena dokumentacija za Semantic UI dostupna je ovdje.
- Ovdje naručite spremište GitHub otvorenog koda Semantic UI.
Kostur
Skeleton je mrtvačka jednostavna ploča koja pokreće bilo koji reagirajući projekt.
Početak rada
Ovdje je jednostavan HTML predložak koji uključuje najnoviji kompilirani i umanjeni CSS za biblioteku Skeleton.
Skeleton Template Hello World
JSBin Demo
U ovom smo primjeru koristili CDN, ali ovdje možete provjeriti druge načine instaliranja Skeletona.
Resursi za učenje
Official Documentation
kostura.
- Ovdje naručite spremište otvorenog koda GitHub Skeletona.
- Evo nekoliko primjera kako se Kostur koristio na različitim web mjestima.
Materijalizirati
Materialize je responzivni CSS okvir zasnovan na Googleovom jeziku dizajna materijala.
Početak rada
Ovdje je jednostavan HTML predložak koji uključuje najnoviji kompilirani i umanjeni CSS i Javascript za biblioteku Materialize.
Hello World!
U ovom smo primjeru koristili CDN, ali ovdje možete provjeriti druge načine instaliranja Materialize.
Resursi za učenje
- Službena dokumentacija za Materialize dostupna je ovdje.
- Ovdje naručite spremište GitHub otvorenog koda Materialize.
- Evo korisnog vodiča o korištenju Materialize.
UIKit
UIKit je lagani i modularni front-end okvir za razvoj brzih i moćnih web sučelja.
Početak rada
Ovdje je jednostavan HTML predložak koji uključuje najnoviji kompilirani i umanjeni CSS za UIKit knjižnicu.
U ovom smo primjeru koristili CDN, ali ovdje možete provjeriti druge načine instaliranja UIKita.
Resursi za učenje
- Službena dokumentacija za UIKit dostupna je ovdje.
- Ovdje naručite UIKitovo otvoreno spremište GitHub.
Temelj
Zaklada je prvi otvoreni izvor, prvi mobilni CSS okvir koji je stvorio Zurb.
Početak rada
Ovdje je jednostavan HTML predložak koji uključuje najnoviji kompilirani i minificirani CSS i Javascript za Foundation knjižnicu.
Foundation Template Hello World
Ovaj primjer koristi CDN koji učitava zadane postavke. Ako želite prilagoditi raspored mreže, promijenite boje ili dodajte i uklonite komponente, to možete učiniti na stranici za preuzimanje programa Foundation.
Resursi za učenje
- Temeljna dokumentacija
- Popis udžbenika za zaklade
- Izvorne datoteke zaklade na GitHubu
- DevTips YouTube Series na Foundation Grid
Ostale informacije o CSS okvirima:
- Bulma
- Bootstrap
- Najbolji primjeri bootstrapa