Spectre.css - Lekka, elastyczna struktura CSS oparta na Flexbox

Jeśli chcesz się zanurzyć układy Flexbox teraz jest najlepszy czas na rozpoczęcie. Nowoczesne przeglądarki to wreszcie akceptuje właściwości Flexbox i więcej programistów wkracza do akcji.

Ale po co zaczynać od zera, kiedy możesz budować na podstawie kodu wielokrotnego użytku? Spectre.css jest jednym z najlepszych frameworków, z których możesz zacząć korzystać, jeśli jesteś nowy w Flexbox.

Ta darmowa struktura open-source jest fabrycznie wyposażona w działający system sieci i wspólne właściwości modułu Flexbox. To polega na Gulp do kompilowania i uruchamiania CSS w locie, z dowolnego komputera.

To także używa LESS zamiast Sassa, który może sprawić, że Widmo i świetny wybór będą dla wszystkich MNIEJSZYCH użytkowników.

Jedno pobranie z npm zawiera wszystko, czego potrzebujesz: Ikony CSS, miksy, zmienne, i prawie wszystko, czego można oczekiwać od typowego środowiska CSS.

Cały kod to w pełni semantyczny i obsługuje wszystkie elementy tekstu HTML, nawet nowsi jak . Style tekstu również obsługuje czcionki wschodnioazjatyckie z językami takimi jak chiński, japoński i koreański.

Możesz znaleźć ton przykładów na “Elementy” strona, która wymienia próbki projektów dla tekstu, przycisków, tabel, ikon i formularzy internetowych (między innymi).

Spectre również pochodzi z ton komponentów co pozwala zaoszczędzić godziny spędzone na pisaniu kodu od podstaw. Funkcje dynamiczne, Jak na przykład wyskakujące okienka i rozwijane menu, są bardzo łatwe do dodania do dowolnego układu, z zaledwie kilkoma liniami kodu.

Ta struktura jest wciąż całkiem nowy i zawsze podlega zmianom. W czasie pisania tego tekstu Specter jest w v0.2 i ma mnóstwo funkcji eksperymentalnych możesz spróbować.

Ale podstawowe komponenty, elementy strony i siatki są w pełni funkcjonalny i gotowy na miejsce produkcji na żywo. Specter jest jednym z najlepszych frameworków CSS działających na Less z siatkami Flexbox.

Aby dowiedzieć się więcej i zacząć, odwiedź strona dokumentacji obejmujące instalację i konfigurację.

Możesz również pobrać kopię kodu prosto z GitHub który ma również małą sekcję do dokumentacji. Jeśli chcesz podzielić się swoimi przemyśleniami, możesz opublikować konto oficjalne @spectrecss.