Spectre.css - Lichtgewicht op Flexbox gebaseerd Responsive CSS Framework

Als je in een flexbox-lay-out wilt duiken, is dit het beste moment om te beginnen. Moderne browsers accepteren eindelijk flexbox-eigenschappen en meer ontwikkelaars doen mee aan de actie.

Maar waarom helemaal opnieuw beginnen wanneer u kunt bouwen bovenop herbruikbare code ? Spectre.css is een van de beste frameworks om te gebruiken als je nog niet bekend bent met flexbox.

Dit gratis open-source framework is vooraf gebouwd met een functionerend rastersysteem en gemeenschappelijke flexbox-eigenschappen . Het is afhankelijk van Gulp voor het compileren en uitvoeren van CSS on the fly, vanaf elke computer.

Het gebruikt ook MINDER in plaats van Sass, wat Spectre en een geweldige keuze voor alle MINDER gebruikers kan maken.

Eén download van npm wordt geleverd met alles wat je nodig hebt: CSS-pictogrammen, mixins, variabelen en vrijwel alles wat je zou verwachten van een typisch CSS-framework.

Alle code is volledig semantisch en ondersteunt alle HTML-tekstelementen, zelfs de nieuwere . Tekststijlen ondersteunen ook Oost-Aziatische lettertypen met talen zoals Chinees, Japans en Koreaans.

Je kunt tonnen voorbeelden vinden op de pagina "Elementen" met onder andere ontwerpvoorbeelden voor tekst, knoppen, tabellen, pictogrammen en webformulieren.

Spectre wordt ook geleverd met tal van componenten die u urenlang tijd kunnen besparen bij het coderen vanaf nul. Dynamische functies, zoals pop-overs en vervolgkeuzemenu's, zijn super eenvoudig toe te voegen aan elke lay-out, met slechts een paar regels code.

Dit raamwerk is nog steeds vrij nieuw en het ondergaat altijd veranderingen. Op het moment van schrijven is Spectre in v0.2 en heeft het genoeg experimentele functies die je kunt proberen.

Maar de primaire componenten, pagina-elementen en rasters zijn volledig functioneel en klaar voor een live productiesite . Spectre is een van de beste CSS-frameworks die op Less worden uitgevoerd met flexbox-rasters.

Ga naar de documentatiepagina over installatie en installatie voor meer informatie en om te beginnen.

Je kunt ook een kopie van de code rechtstreeks van GitHub downloaden, die ook een klein gedeelte voor documentatie bevat. En als je je gedachten wilt delen, kun je het officiële account @spectrecss tweeten.