Homepage » Web design » Petal è un framework di interfaccia utente CSS organizzato e leggero in esecuzione su LESS

    Petal è un framework di interfaccia utente CSS organizzato e leggero in esecuzione su LESS

    Da Bootstrap a Foundation sembra che ci sia un flusso infinito di framework CSS da scegliere. Ma pochi corrono su MENO e ancora meno sono ben organizzato come Petalo.

    Questo piccolo progetto open source era creato internamente per il team di Shakr ma hanno deciso di farlo rilascia tutto su GitHub. È ancora a nuovo quadro quindi c'è molto spazio per migliorare. Nel suo stato attuale, Petal è un quadro ricco di funzionalità per qualsiasi progetto web.

    Chiunque fosse interessato dovrebbe controllare il pagina principale e guarda oltre parte della documentazione.

    Il foglio di stile Petal si scompone in diversi file LESS, quindi è organizzato basato su caratteristiche e impostazioni. In questo modo se vuoi apportare modifiche o trovare una classe specifica di cui hai bisogno sfoglia un solo file, per esempio typography.less, piuttosto che un'intera libreria.

    Puoi vedere alcuni dei più caratteristiche di design comuni in questa penna insieme a frammenti di codice puoi copiare.

    Il petalo è pensato per essere un quadro minimalista con semplici stili pre-costruiti.

    Non tutti vogliono lavorare aggiungendo colore o tono nei loro progetti. La bellezza di un framework CSS è che può fornire il design e lo stile, così tu solo aggiungi l'HTML e muoviti.

    Questo è ciò che Petalo fa bene, ed è una ventata di aria fresca in un mondo pieno di homepage di Bootstrap.

    Se vuoi provare questo per te solo Aggiungi il Petal.css foglio di stile giusto per il tuo documenti sezione. Da li, verranno applicati tutti gli stili di base direttamente a tutti gli elementi HTML.

    Puoi armeggiare con le classi controllando la pagina dei documenti sul sito. In realtà c'è un'intera sezione di copertura impostazione di base della pagina utilizzando una classe, ad esempio .sezione come un contenitore con lezioni come .riga o .colonna per la struttura.

    Opzioni di layout sono praticamente infiniti e puoi sempre aggiungere formattazione extra per padding e margini se necessario.

    Per un framework CSS così piccolo, Petal è davvero impressionante. È attualmente agli inizi alla v0.5, ma sarà continuamente sviluppato con il passare del tempo. Per saperne di più controlla la homepage di Petal, e vedi cosa puoi costruire!