CSS okviri

Programiranje

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

  1. Temeljna dokumentacija
  2. Popis udžbenika za zaklade
  3. Izvorne datoteke zaklade na GitHubu
  4. DevTips YouTube Series na Foundation Grid

Ostale informacije o CSS okvirima:

  • Bulma
  • Bootstrap
  • Najbolji primjeri bootstrapa