2011-10-04 22 views
44

Stavo cercando un posto in cui posso trovare toolkit e risorse CSS, pronto per essere utilizzato come il popolare Twitter Bootstrap.Altri toolkit CSS come Twitter Bootstrap?

Qualche consiglio?

+0

Penso che i toolkit CSS con stili per tutti gli elementi chiave "web app" come avvisi, moduli ecc. Siano una specie di nuova cosa - se ne uscirà qualcuno probabilmente creerà un hub centrale – Plattsy

risposta

2

Se un buon framework CSS è tutto ciò che serve, YAML è un'ottima alternativa.

7

Yahoo! ha recentemente creato Pure (fonte disponibile su GitHub).

Pure dispone:

  • Un CSS Fondazione costruita su Normalize.css in modo che cross-browser problemi sono ridotti al minimo.
  • Stile di componenti UI comuni come elenchi, menu, pulsanti, moduli e tabelle.
  • Un sistema di rete reattivo completo per la creazione di un sito per tutti i dispositivi.

È molto leggero con un ingombro totale di 4.4KB minimizzato e gzip confrontato con 20KB di Bootstrap. È accessibile da un CDN che Yahoo! fornisce.

È stato creato con il punto di vista che la creazione di nuove regole CSS è preferibile alla sovrascrittura/modifica di quelle esistenti. Pertanto viene spedito con uno stile minimo fuori dalla scatola (quindi la dimensione) - devi crearne uno tuo.

7

Semantic UI è davvero fantastico, se ti è piaciuto il bootstrap, ti piacerebbe ancora di più!

2

La selezione di qualsiasi framework UI dipende dallo stack tecnologico correlato. Io uso Semantic-UI (http://semantic-ui.com/) con AngularJS. Credimi, sono fatti l'uno per l'altro!

Semantic-UI offre un buon supporto per il web design reattivo e componenti mobili.

3

Ecco un elenco di framework CSS che è possibile utilizzare con ...

  • base - quadro CSS reattiva con il supporto IE7 +
  • BASSCSS - basso livello CSS toolkit
  • bootflat - Bootstrap con un tema di design piatto
  • Bootswatch - Una raccolta di temi per Bootstrap
  • bulma - Framework CSS basato su Flexbox
  • cardinal - Cardinal è un piccolo cellulare prima cornice CSS rk
  • caramel - Un semplice, bello, sensibile, moderno CSS quadro
  • HTML Starterkit - HTML5 modello per dare il via i vostri siti web responsive
  • kube - minimalista Web quadro
  • Material Design Lite - Material Design Componenti Lite in HTML/CSS/JS
  • materialize - Un moderno quadro reattivo front-end basata su materiale design
  • Metro UI - Un quadro di front-end per lo sviluppo di sito web in Wi ndows Metro Style
  • milligram - Impostazione minima degli stili per un rapido punto di partenza.
  • mini.css - Un minimo, reattivo, quadro stile-agnostic CSS/toolkit
  • mui - Un leggero HTML/CSS/JS quadro attuazione Material design
  • papier - Design Materiale come quadro minimo CSS
  • pavilion - Unopinionated CSS quadro
  • picnicss - leggero UI library
  • pure - Una serie di piccole, moduli CSS reattivo
  • semantic-ui - UI Kit con un sacco di temi ed elementi
  • skeleton - Un morto semplice, boilerplate reattivo
  • tachyons - modulare UI framework
  • uikit - quadro un front-end leggero e modulare
0

Se stai cercando qualcosa che:

  • ha uno stile cross-platform (iOS, Android, W P, web)
  • può essere utilizzato con diversi temi
  • è agnostico quadro
  • si può utilizzare su mobile e desktop di

Date un'occhiata a Mobiscroll Forms.