Siamo in continua evoluzione e il modo di fare le cose è stato semplificato per gli sviluppatori di applicazioni web. Anche se molti preferiscono creare il proprio codice, è vero che esistono strumenti che ci semplificano la vita e ci consentono di implementare rapidamente un progetto.
Forse nell'ecosistema FrontEnd, il framework CSS / JS più popolare e utilizzato negli ultimi tempi è Bootstrap con un buon motivo. Bootstrap è forse il più completo rispetto alla concorrenza e hanno opzioni per quasi tutto, ma non è l'unico e, per una questione di gusti, nemmeno il più bello.
Sto cercando in Internet per me Ho trovato un annuncio con alcuni dei framework CSS / JS più popolari e soprattutto open source che possiamo utilizzare per i nostri progetti personali. Ma in questo caso mi limiterò a citare i 5 che considero i più interessanti. Iniziamo:
soprabito
Questo in particolare non lo conosceva. Lanciato da Adobe®, è un framework che si concentra principalmente sulla fornitura di ciò che è necessario per creare applicazioni web per tutti i dispositivi. Tra le sue caratteristiche principali ci sono:
- È veloce.
- I temi possono essere personalizzati.
- Icone proprie.
- Fonte Sans Pro, una fonte OpenSource di Adobe.
UIKit
Da quello che si può vedere, UIkit è uno dei più forti rivali di Bootstrap e come dato differenziale, aggiunge una serie di componenti che il framework Twitter non aggiunge di default, o semplicemente li migliora.
UI semantica
Un altro degno rivale di Bootstrap da tenere in considerazione, poiché non solo fornisce nuovi componenti, ma possiamo scegliere tra diversi stili / temi per loro. Possiamo scegliere che i pulsanti per esempio siano simili o uguali a quelli di GMail, Github, Amazon, Google Material, Bootstrap, Twitter, tra gli altri.
INK
Un altro ottimo candidato da considerare. INK ci fornisce anche nuovi componenti o con un design e funzionalità un po 'diversi da quelli che troviamo in Bootstrap.
Metro UI
Se vogliamo fare qualcosa di più vicino agli utenti Windows, la Metro UI è una delle varianti che abbiamo. E dico uno, perché se guardiamo un po 'troviamo altre opzioni per Bootstrap stesso.
Conclusioni
A seconda delle nostre esigenze e obiettivi, abbiamo diverse alternative come abbiamo già visto. Anche se ho citato solo i 5 che considero, sono i più completi, ce ne sono molti altri come puoi vedere nell'elenco che ho citato all'inizio. Si può anche vedere che molti di loro hanno preso idee da Bootstrap e le hanno persino migliorate e che aziende come Adobe aderiscono all'iniziativa per creare questo tipo di strumento per migliorare il nostro lavoro.
Se abbiamo le conoscenze necessarie, forse potremmo anche mescolarne diversi prendendo ciò di cui abbiamo bisogno. La scelta è comunque tua.
Ti sei perso il contributo di Yahoo: Pure CSS, punta su minimalismo e leggerezza.
Pure è ridicolmente minuscolo. L'intero set di moduli ha un clock di 4.0 KB * minimizzato e compresso con gzip. Creato pensando ai dispositivi mobili, era importante per noi mantenere le dimensioni dei file ridotte e ogni riga di CSS è stata attentamente considerata. Se decidi di utilizzare solo un sottoinsieme di questi moduli, risparmierai ancora più byte.
http://purecss.io/
Sì, Pure è un'opzione, ma nonostante le sue dimensioni, dai miei criteri molto particolari, non è completo come quelli sopra menzionati.
Quello che mi piace di Pure è che ti dà le basi ed è molto veloce da apprendere e implementare, puoi usarlo su un sito e ti dà la possibilità di fare qualcosa di originale, non sei "bootstrapified" come la maggior parte.
Amico, penso che tu abbia lasciato fuori uno dei grandi rivali di Bootstrap… Foundation
È vero ... Fundation mi ha superato, che è un altro dei grandi, forse il più grande concorrente di Bootstrap da quello che dicono.
Amico, mi manchi un materiale importante. Saluti
Foundation è il miglior framework per la progettazione dell'interfaccia, il più completo e il più versatile, ed è un ottimo concorrente per il bootstrap, sebbene il bootstrap non raggiunga la suola delle tue scarpe.
Molto interessanti, non li conoscevo. Sono stato anche sorpreso di non vedere il fondamento in quella lista.
infatti il sito del link che lascia all'inizio questa fondazione che senza dubbio è uno dei più forti concorrenti.
Inizierò a pensare di più a questi framework per alcuni sviluppi, per ora tutti i siti responsive scrivo da 0, cento più piacere quando scrivo tutto Xd
Alla fine della giornata sono tutti uguali. Grandi buone lettere su sfondo bianco
Regole BackEnd 😀
La verità è che in questo momento questo post è molto buono per me, grazie 😉
Sto usando la semantica dell'interfaccia utente e non è così intuitivo da dire
Senza Materialise, o Foundation, questa lista è una cazzata.
Perché dice chi? Dov'è scritto che quei due devono essere specificamente? Se leggi i commenti (qualcosa che apparentemente non hai fatto) vedrai che riconosco che mi mancava la Fundation, ma l'elenco che vedi in questo articolo si basa sul mio apprezzamento e non devi essere d'accordo, ma non devi dire che è spazzatura.
Ciao, ottimo articolo. Ma volevo dirti che sembra che qualcuno l'abbia copiato sul proprio sito web senza rispecchiare la fonte originale. Non so come gestisci queste cose, ma ho pensato che ti sarebbe piaciuto saperlo. Il collegamento è: http://blog.underc0de.org/2015/03/5-alternativas-bootstrap.html.
Saluti.
Sì, è normale che ciò accada. Ho già contattato i responsabili del sito 😉
Ottimo contributo! Bootstrap ha certamente aperto le porte a persone come me che sono brave nel backend ma pessime nel frontend in CSS per fornire un prodotto dall'aspetto decente. Forse non era il modo corretto in cui avrebbero dovuto menzionarlo, ma sono d'accordo che in questa lista manca MaterializeCSS; un framework leggero e potente, con l'aspetto del design dei materiali e la più meravigliosa curva di apprendimento possibile. In 10 minuti sono stato in grado di impostare un'interfaccia molto carina grazie a questo framework. La sua documentazione è così semplice che rispetto al bootstrap lo fa sembrare un'ingegneria aerospaziale. Quindi suggerisco di dare un'occhiata a Materialise (materializecss.com). Saluti!