Grid.css - Minimalni Grid sustav za web programere

Veći okvir okvira kao što je Bootstrap dolaze s njihovim vlastite postavke mreže. Ali, oni također dolaze s puno prtljage u obliku unaprijed dizajniranih elemenata stranice i JavaScript komponenti.

Ako tražite mnogo manji i moderniji sustav mreže, svidjet će vam se Grid.css.

Ova besplatna otvorena biblioteka dolazi u paketu s tradicionalnim 12-col grid sustav koje možete strukturirati za bilo koji izgled. CSS je stvarno jednostavan za korištenje i sama datoteka mjeri samo 560 bajtova (to je pola KB!)

Početak je super jednostavan i samo trebate jedna CSS datoteka dodan u zaglavlje.

Možete pronaći izravni link za preuzimanje na početnoj stranici Grid.css ili u službenoj ponudi GitHub. Možete čak koristiti i sirova CDN verzija ugraditi ovu datoteku izravno iz GitHub-a bez da je sami hostirate.

Sada možete postaviti strukturu stupaca pomoću elemenata koje želite (divovi, odjeljci, itd.).

To obično uključuje a .red element (spremnik) zajedno s mnogim elementi unutarnjeg stupca. Klase stupaca koristiti brojeve definirati njihov ukupni prostor unutar spremnika, na primjer, .col4 zauzima četiri stupca od ukupno dvanaest.

Evo jednog primjer isječka iz demo-verzije:

Možete koristiti bilo koju kombinaciju klasa stupaca koju želite, samo tako dugo dok oni dodajte do 12.

To znači da također možete restrukturirati stranicu kako god želite, pomoću različite vrste spremnika. Na primjer, možete imati jedan veliki raspon za zaglavlje, ali upotrijebite dvije različite postavke red / col za tijelo stranice.

Naravno, ova knjižnica je 100% besplatno i otvoreni izvor, tako da možete uređivati ​​kako god želite.

Tvorac, Ahmed Tarek, također je napravio Butns što je varijanta mnogih setova za UI tipke. To parovi lijepo s Grid.css, dakle, oboje su izvrsne knjižnice koje pokreću prilikom pokretanja novog web-projekta.