Spectre.css - Лека Flexbox базирана адаптивна CSS рамка

Ако искаш да се потопиш макети на flexbox тогава сега е най-доброто време да започнете. Съвременните браузъри са най-накрая приемайки свойствата на flexbox и повече разработчици навлизат в действието.

Но защо започвате от нулата, когато можете надграждане на код за многократна употреба? Spectre.css е една от най-добрите рамки, за да започнете да използвате, ако сте нов в flexbox.

Тази безплатна рамка с отворен код идва предварително подготвена с a функционираща мрежа и общи свойства на flexbox. То разчита на Gulp за компилиране и стартиране на CSS в движение, от всеки компютър.

То също използва LESS вместо Sass, който може да направи Spectre и страхотен избор за всички по-малко потребители.

Едно изтегляне от npm идва с всичко необходимо: CSS икони, mixins, променливи, и почти всичко друго, което бихте очаквали от типична CSS рамка.

Целият код е напълно семантично и поддържа всички HTML текстови елементи, дори и по-новите . Стилове на текст също поддържат източноазиатски шрифтове с езици като китайски, японски и корейски.

Можете да намерите тона примери на “елементи” страница, която изброява дизайнерски образци за текст, бутони, таблици, икони и уеб форми (наред с други неща).

Спектър също идва с тона компоненти които могат да ви спестят часове прекарано кодиране от нулата. Динамични функции, като изскачащи поглъщания и падащи менюта, са супер лесни за добавяне към всяко оформление, само с няколко реда код.

Тази рамка е все още доста нова и винаги се променя. В момента на това писание, Spectre е в v0.2 и има много експериментални функции можете да опитате.

Но основните компоненти, елементите на страницата и мрежите са напълно функционален и готови за производство на живо. Spectre е една от най-добрите CSS рамки, работещи на Less с мрежи flexbox.

За да научите повече и да започнете, посетете страница с документация покриване на инсталация и настройка.

Можете също да изтеглите копие на кода направо от GitHub който също има малка секция за документация. И ако искате да споделите вашите мисли, можете да чуруликам на официалния профил @spectrecss.