Грид.цсс - Минимални Грид систем за Веб програмере

Већи фронтендни оквири као Боотстрап долазе са њиховим властите поставке мреже. Али, такође долазим са пуно пртљага у облику унапријед дизајнираних елемената странице и ЈаваСцрипт компоненти.

Ако тражите много мањи и модернији решеткасти систем онда ће вам се свидети Грид.цсс.

Ова бесплатна библиотека отвореног кода долази у пакету са традиционалним 12-цол грид систем које можете структурирати за било који распоред. ЦСС је заиста једноставан за употребу и сама датотека мери само 560 бајтова (то је пола КБ!)

Почетак је супер једноставан и само вам треба једна ЦСС датотека додато у заглавље.

Можете да нађете дирецт довнлоад линк на почетној страници Грид.цсс или у званичном ГитХуб репу. Можете чак користити и сирова ЦДН верзија да уградите ову датотеку директно из ГитХуб-а без да је сами хостујете.

Сада можете да подесите своју структуру колоне коришћењем елемената које желите (дивови, одељци, итд.).

Ово обично укључује а .ред елемент (контејнер) заједно са многим унутрашњи елементи колоне. Класе колона користите бројеве дефинисати њихов укупан простор унутар контејнера, на пример, .цол4 заузима четири колоне од укупно дванаест.

Ево једног екампле сниппет из демонстрације:

Можете користити било коју комбинацију класа ступаца коју желите, само тако дуго док они додајте до 12.

То значи да можете и ви реструктурирати страницу како год желите, користећи различите контејнере за редове. На пример, можете имати један велики распон за заглавље, али користите два различита подешавања за ред / цол за ваше тело странице.

Наравно, ова библиотека је 100% бесплатно и отвореног кода, тако да можете да уређујете како год желите.

Творац, Ахмед Тарек, такође је направио Бутнс што је варијанта мноштва типки УИ-а. То парови лепо с Грид.цсс, тако да су обоје одличне библиотеке које ће покренути приликом покретања новог веб пројекта.