Gumby Un framework Web che merita più amore

Se sei uno sviluppatore Web esperto, sai che un buon framework può fare meraviglie per le tempistiche del progetto. La giusta struttura ti consente di creare un sito web bello e reattivo in un batter d'occhio in un batter d'occhio, e quando lavori su un budget per progetto, è essenziale. Non è solo la velocità, però: il Web è in continua evoluzione e avere una solida base per il tuo sito rende più facile la manutenzione in futuro. Ecco perché hai bisogno del framework Gumby.

Chi può fare amicizia con Gumby?

Per diventare amichevole con Gumby, avrai bisogno di avere una buona conoscenza di HTML e CSS almeno - e alcuni JavaScript non faranno del male, neanche. Ma per apprezzare veramente ciò che Gumby ha da offrire, dovrai capire Sass e avere Node. Che cos'è Node.JS e Perché dovrei preoccuparmi? [Sviluppo Web] Che cos'è Node.JS e Perché dovrei preoccuparmi? [Sviluppo Web] JavaScript è solo un linguaggio di programmazione lato client che viene eseguito nel browser, giusto? Non più. Node.js è un modo per eseguire JavaScript sul server; ma è molto di più. Se ... Leggi di più e Ruby installato (anche se non dovrai imparare Ruby 3 Interattivo, Divertente, Modi liberi per iniziare l'apprendimento del Linguaggio di programmazione di Ruby 3 Modi interattivi, divertenti e gratuiti per iniziare l'apprendimento del linguaggio di programmazione Ruby Ruby è un modo espressivo, Linguaggio di scripting di altissimo livello, è usato sul Web principalmente come parte del framework di sviluppo web di Ruby on Rails, ma anche standalone.Se sei curioso di sapere cosa Ruby (non ... Read More). Come la maggior parte dei framework Web, Gumby è principalmente per gli sviluppatori che sanno già cosa stanno facendo.

Se non sei un programmatore, non preoccuparti! Questo articolo potrebbe non essere adatto a te, ma ti stai perdendo non creando il tuo sito web. Ti stai perdendo non creando un sito web personale: annullando i 6 miti che ti mancano non creando un sito web personale: disfatta i 6 miti Hai mai pensato di avere un sito web personale? Sai - un posto dove le persone possono leggere per sapere chi sei, cosa fai, i tuoi obiettivi e le tue aspirazioni e, naturalmente, per contattare ... Per saperne di più. La buona notizia è che non è scienza missilistica. Se vuoi mettere insieme qualcosa in fretta, WordPress è una soluzione molto versatile, oppure puoi scegliere uno qualsiasi di questi metodi di no-coding Come costruire il tuo sito web in pochi minuti senza alcuna abilità di codifica Come costruire il tuo sito web in pochi minuti senza Qualche capacità di codifica Man mano che il Web cresce, e lo fa in modo abbagliante, la necessità di una presenza sul Web sta diventando sempre più pressante. In molte parti del mondo, devi semplicemente avere una presenza sul web per ... Leggi di più per creare un sito.

The Elephants In The Room: Bootstrap e Zurb Foundation

Nessuna discussione sui framework Web può essere completa senza menzionare Twitter Bootstrap e la (meglio, secondo me) Zurb Foundation. Non li paragono tutti oggi, perché sarebbe noioso - e più importante, perché gli strumenti sono una scelta molto personale.

Tutti e tre i framework sono semantici, personalizzabili, reattivi, hanno ampi kit di interfaccia utente e utilizzano i preprocessori. Ho provato tutti e tre prima di stabilirmi su Gumby, e probabilmente dovresti fare lo stesso. Inoltre, è probabile che se lavori su un codice già esistente, verrà utilizzato Bootstrap, quindi dovrai comunque conoscere il metodo di avvio di Bootstrap.

Parlando dall'esperienza: dal concetto al sito web in 3 giorni

Arriveremo alla lista di articoli di Gumby in un attimo. In primo luogo, la linea di fondo: con Gumby, sono riuscito a passare da un wireframe di carta ruvida a una homepage personale di una pagina completamente funzionante, reattiva e bella in meno di 3 giorni (non giorni interi, attenzione). Scorrimento parallasse, barra di navigazione, schede verticali senza sforzo che funzionano bene sui dispositivi mobili, con un po 'di confusione rispetto alle esperienze precedenti.

Caratteristiche a bizzeffe!

Ecco un fatto sorprendente: il posto migliore per conoscere le funzionalità di Gumby è la sezione Gumby. Il sito fa un lavoro molto migliore nel vendere la struttura di quanto potessi, quindi non ti muterò in una lista infinita. Ecco una rapida carrellata dei miei tre preferiti:

• Il kit UI: Ottieni tutto il necessario per una Webapp moderna. Pulsanti, indicatori, navigazione (appiccicosa o meno, come desideri) e anche un font di icone incluso.
• Alterna e interruttori: Fai clic su un elemento per attivare un altro elemento (o un gruppo di altri elementi). Questo significa che lo è molto è facile stampare le proprie schede, i caroselli delle immagini o qualsiasi cosa che richieda di mostrare e nascondere elementi. Leggi di più su levette e interruttori qui.
• Il mix di risposta: Un modo straordinariamente semplice per mettere a punto il tuo Sass alla risoluzione di destinazione. Vuoi un'immagine nascosta quando la vista cade sotto una certa dimensione? Nessun problema. Carica invece un'immagine diversa? Sicuro. Cambia le dimensioni del carattere? Sì. Leggi di risposta qui. Puoi vederlo in azione se vai su ezuk.org e cambia la larghezza della finestra: Nota come la sezione in alto scompare e lo stile di navigazione cambia.

Ho individuato quelli tra tutti quelli che ho usato in Gumby perché rendono le cose complicate facili (specialmente le ultime due).

Un ultimo consiglio: il mio server Web con test One-Liner

Per utilizzare qualsiasi framework Web, avrai bisogno di un server Web locale. Si può sempre andare con un'installazione XAMPP completa Come installare un server Web Windows sul PC con XAMPP Come installare un server Web Windows sul PC Con XAMPP Leggi di più, ma per me è stato eccessivo. Il mio progetto non aveva alcun codice lato server da eseguire: tutto ciò di cui avevo bisogno era un server HTTP di base. Python in soccorso:

python -m http.server

Questo one-liner è tutto ciò che serve per far apparire un server Web rudimentale sotto Windows, con Python installato. Basta navigare nella directory contenente i file che si desidera servire, eseguire questo, e presto:

Provalo sul tuo prossimo progetto

Anche se sei perfettamente soddisfatto di Bootstrap o Foundation, espandere i tuoi orizzonti non è mai una cattiva idea. Gumby ha molto da offrire: provalo nel tuo prossimo progetto e condividi i tuoi pensieri qui sotto.

Scopri di più su: HTML, Web Design, Sviluppo Web.