Petal er en organisert og lett CSS UI Framework Running on LESS

Fra Bootstrap til Foundation virker det som om det er en endeløs strøm av CSS-rammer å velge fra. Men få kjører på mindre og enda færre er så godt organisert som Petal.

Dette lille åpne kildeprosjektet var laget internt for teamet på Shakr men de bestemte seg for å Slett alt på GitHub. Det er fortsatt en nytt rammeverk så det er god plass for forbedring. I sin nåværende tilstand er Petal en funksjonsrikt rammeverk for ethvert webprosjekt.

Alle interesserte bør sjekke ut hovedside og se over noe av dokumentasjonen.

Petal stilark brytes ned i forskjellige mindre filer, så det er organisert basert på funksjoner og innstillinger. Denne måten hvis du vil gjøre endringer eller finne en bestemt klasse du trenger bla gjennom bare en fil, for eksempel typography.less, heller enn et helt bibliotek.

Du kan se noen av mer vanlige designfunksjoner i denne pennen sammen med kodebiter du kan kopiere.

Petal er ment å være a minimalistisk rammeverk med enkle pre-built stiler.

Ikke alle ønsker å jobbe med å legge farge eller tone inn i deres design. Skjønnheten i et CSS-rammeverk er det det kan gi design og stil, så du bare legg til HTML-koden og bli flyttet.

Dette er hva Kronbladet gjør det bra, og det er et pust av frisk luft i en verden full av Bootstrap-drevne hjemmesider.

Hvis du vil prøve dette selv selv Legg til Petal.css stilark rett til din dokumentets seksjon. Derfra, alle de grunnleggende stilene vil bli brukt direkte til alle HTML-elementene.

Du kan tinker med klasser ved å sjekke ut docs-siden på nettstedet. Det er faktisk en hel del dekker grunnleggende sideoppsett ved hjelp av en klasse, som for eksempel .seksjon som en beholder med klasser som .rad eller .kolonne for strukturen.

Layout alternativer er praktisk talt uendelige, og du kan alltid legge til ekstra formatering for polstring og marginer hvis nødvendig.

For et så lite CSS-rammeverk, er Petal virkelig imponerende. Det er for tiden i sin barndom på v0.5, men vil kontinuerlig bli utviklet etter hvert som tiden går. Å lære mer sjekk ut Petal hjemmeside, og se hva du kan bygge!