2012-04-25 15 views
24

Stiamo per avviare lo sviluppo di diverse complesse applicazioni aziendali/intranet (molti dati, molte funzioni, pannelli di amministrazione, non devono essere semplificati per l'uso pubblico). Con l'avvento di persone che stanno facendo un vero lavoro sui loro browser e tablet telefonici ... anche il design reattivo e l'accessibilità 508/ARIA si insinuano nel mix di requisiti.Utilizzeresti Twitter Bootstrap per un'app intranet/business?

Ci piace molto di ciò che troviamo nel Twitter Bootstrap (TB) out-of-the-box (x-browser, jQuery, template HTML/CSS, molte funzioni di supporto, quindi non abbiamo bisogno di esperti HTML per fare belle pagine, altri). Ma i suoi layout sembrano guidarci verso progetti minimalisti (pochi controlli/meno dati su uno schermo), stretti (960-larghezza).

Ha senso utilizzare anche TB se stiamo gonfiando e allungando i disegni? O sono i loro migliori modelli/kit CSS/HTML/JS per le "applicazioni aziendali" .Net? O altri che sono ancora a favore che dovremmo prendere in considerazione?

+0

[KeyPay] (http://keypay.com.au/) appena lanciato pubblicamente e utilizza Bootstrap come interfaccia :) – balexandre

risposta

27

Devi scegliere la struttura che hai dovuto usare.

Mi piacciono entrambi Bootstrap, jQuery UI e YUI Library e li uso molto. Recentemente ho cambiato lavoro e il mio primo progetto è stato quello di cambiare l'intera applicazione di amministrazione interna, e per questo ho scelto Bootstrap.

Bootstrap con Knockout in ASP.NET MVC di essere più dettagliato ...

come una presa in giro sull'utilizzo Bootstrap ... questo è vista di uno dei segmenti:

enter image description here

e il menu di navigazione principale:

enter image description here


per aiutare gli altri, il menu principale è available on JsBin

si tratta di un normale 3 colonne .span2 con un wrapper chiamato .super-menu e che lo stile ha solo la larghezza:

.super-menu { width: 480px; } 

witch means: 3 x .span2 + 3 x margin-left = (3 x 140) + (3 x 20) = 480px

+0

Come utente di vecchia data della libreria dell'interfaccia utente jQuery, mi sono appena interessato a Bootstrap (nell'ultima settimana, infatti). Sono curioso di sapere come hai raggiunto quel layout nel menu a tendina! – BradBrening

+0

si può modificare nel CSS e aggiungere anche le proprie regole, Bootstrap e qualsiasi altro CSS Framework ti danno solo una creatività e la conoscenza CSS può colmare il divario da ciò che si vuole e ciò che forniscono fuori dal la scatola. – balexandre

+0

aggiunto codice come descrizione per il menu principale. – balexandre

13

Ironicamente, penso che Bootstrap sia anche altro utile per le applicazioni intranet/business rispetto a quelle pubbliche.

Alcune ragioni Mi piace usare Bootstrap per applicazioni interne:

  • un'interfaccia coerente (può essere una truffa di siti pubblici alla ricerca di un look "unico")
  • gestisce tutte le cross-browser, cross platform (mobili) problemi si avrebbe a che fare con te stesso
  • dimostrato di essere efficiente e flessibile
  • in crescita esponenziale ecosistema assicura la stabilità, le risorse di supporto
  • può essere facilmente personalizzato zato per il vostro business' look and feel e poi condivise tra gli sviluppatori o le squadre per la ri-usabilità
  • incorporato fluid application layout (indirizzi tuo stretto/minimalista disegno preoccupazione)
  • dedicare meno tempo alle preoccupazioni di interfaccia e più tempo a fare in modo le tue query SQL su 3 anni di cronologia vendite non richiedono 30 minuti per l'esecuzione
  • Componenti creati su jQuery. Chi non ama jQuery ??
  • E 'impressionante :)

Modifica:

Se siete preoccupati per i plugin di più di fantasia e le caratteristiche, il Github repo ha quasi 30.000 osservatori e oltre 5.000 forchette. Qualunque cosa tu possa pensare è probabilmente fatta o già completata - come un datepicker.

+0

buoni punti tutti e molto in linea con le mie osservazioni per principianti. L'opportunità di fondere l'interfaccia utente occasionale di jQuery e i pezzi fatti in casa quando necessario dovrebbero offrire una buona flessibilità. Ad esempio, abbiamo scritto un componente di albero modificabile complesso mostro per JBoss Seam nell'app che stiamo sostituendo ... ora possiamo riscrivere tutto, ma si spera che inizi dagli sforzi iniziali di qualcun altro. – JohnZastrow

-1

Devo dire di no, il bootstrap di Twitter è ancora troppo giovane per essere utilizzato per applicazioni più complesse. Anche se sta crescendo ogni giorno, mancano ancora molti elementi dell'interfaccia utente che consentono un più facile posizionamento di contenuti/dati e organizzazione - come un datapicker appropriato, un dispositivo di scorrimento dei contenuti con un controllo migliore sul contenuto (estrazione di contenuti da ajax, video, auto ridimensionamento, ecc ...), una fisarmonica più appropriata che consente un miglior controllo del contenuto tramite javascript (altezza/larghezza automatica, in modalità hover) ed è ancora carente su altre cose come dialoghi, animazioni/effetti e widget.

Vorrei attenermi ai framework più maturi che abbiamo ancora oggi, come l'interfaccia utente di jQuery o la libreria YUI e attendere che il bootstrap faccia maturare in quali strutture sono oggi.

+3

Bootstrap è un framework CSS con alcuni componenti JS. jQuery UI è una libreria di componenti JS con una buona stabilità CSS. Nulla dice che non è possibile utilizzare i plugin dell'interfaccia utente jQuery invece di quelli di Bootstrap. In realtà non è nemmeno necessario includere bootstrap.js a meno che non ti piaccia fare affidamento sull'API di stile 'data-attribute'. La maggior parte di ciò che hai elencato è banale da fare e in alcuni casi, come dire che non ci sono [finestre di dialogo] (http://twitter.github.com/bootstrap/javascript.html#modals), hai completamente torto. – Terry

+0

@Terry Con tutti i componenti disponibili sul bootstrap, vedo che sta diventando qualcosa di simile a ciò che jQueryUI è in questo momento. Non sto dando per scontato che il bootstrap sia lo stesso di jQueryUI o YUI, ma non è nemmeno vicino a quello che puoi fare con loro e come tale non lo userei mai su un'applicazione che richiederà enormi quantità di dati per passare attraverso di essa, c'è solo non abbastanza sulla via delle modifiche e della flessibilità. Con il bootstrap sono bloccato in una griglia che non posso interrompere senza modificare pesantemente la sorgente, e che per me non è abbastanza flessibile. –

+0

@Terry Accoppiato con la mancanza di plugin di organizzazione adeguati, ancora una volta come un vero e proprio plugin di dialogo (una modale non è una finestra di dialogo, solo una forma di uno, voglio essere in grado di avere un dialogo informativo che mi permetta di interagire con lo sfondo e una modale sono l'opposto di quello, quindi lo sfondo: si pensi alle finestre di dialogo di Windows). Come utente di bootstrap pesante sto al mio post, non lo consiglio per applicazioni pesanti, devo lavorare troppo, posso facilmente ricreare l'eye candy in 500-600 linee CSS e non 3k +. –