Gumby En Web Framework som fortjener mer kjærlighet

Hvis du er en erfaren webutvikler, vet du at et godt rammeverk kan gjøre underverk for prosjektets tidslinjer. Riktig rammeverk gir deg mulighet til å kaste en vakker og lydhør nettside sammen i nesten ingen tid - og når du jobber på et budsjett per prosjekt, er det viktig. Det er ikke bare fart, men Internett utvikler seg hele tiden, og å ha et solid grunnlag for nettstedet ditt gjør det enklere å vedlikeholde i fremtiden. Derfor trenger du Gumby rammeverk.

Hvem kan få venner med Gumby?

For å bli vennlig med Gumby, må du ha god kunnskap om HTML og CSS minst - og noen JavaScript vil heller ikke skade. Men for å virkelig nyte hva Gumby har å tilby, må du forstå Sass, og ha Node. Hva er Node.JS og hvorfor skal jeg bryr meg? [Webutvikling] Hva er Node.JS og hvorfor skal jeg bryr meg? [Webutvikling] JavaScript er et bare programmeringsspråk på klientsiden som kjører i nettleseren, ikke sant? Ikke nå lenger. Node.js er en måte å kjøre JavaScript på serveren på; men det er så mye mer også. Hvis ... Les mer og Ruby installert (selv om du ikke trenger å lære Ruby 3 Interaktiv, morsom, gratis måter å begynne å lære Ruby Programming Language 3 Interaktive, morsomme, gratis måter å begynne å lære Ruby Programming Language Ruby er en uttrykksfulle, svært høyt nivå, skriptspråk. Det brukes på nettet hovedsakelig som en del av Ruby on Rails webutviklingsramme, men også frittstående. Hvis du er nysgjerrig på hva Ruby (ikke ... Les mer). Som de fleste webrammer, Gumby er for hovedsakelig for utviklere som allerede vet hva de gjør.

Hvis du ikke er en koder, vær ikke redd! Denne artikkelen kan ikke være for deg, men du går glipp av ved ikke å sette opp ditt eget nettsted. Du mangler ute ved ikke å lage et personlig nettsted. Disproving de 6 mytene du mangler ved ikke å lage et personlig nettsted: Disproving The 6 Myths Har du noen gang vurdert å ha en personlig nettside? Du vet - et sted hvor folk kan gå for å lese om hvem du er, hva du gjør, dine mål og ambisjoner, og selvfølgelig å kontakte ... Les mer. Den gode nyheten er at det ikke er rakettvitenskap. Hvis du vil raskt trekke noe sammen, er WordPress et svært allsidig alternativ, eller du kan gå med noen av disse kodene. Hvordan bygge din egen nettside i minutter uten noen koding. Hvordan bygge din egen nettside i minutter uten Noen kodende ferdigheter Når nettet vokser, og det gjør det så blendende fort, er behovet for en tilstedeværelse på Internett blitt presserende. I mange deler av verden må du bare ha en tilstedeværelse på nettet i orden ... Les mer for å lage et nettsted.

Elephants In The Room: Bootstrap og Zurb Foundation

Ingen diskusjon om Web-rammer kan være komplett uten å nevne Twitter Bootstrap og (bedre, etter min mening) Zurb Foundation. Jeg skal ikke sammenligne dem alle i dag, fordi det ville være kjedelig - og viktigere, fordi verktøy er et veldig personlig valg.

Alle tre rammeverkene er semantiske, tilpassbare, lydhør, har omfattende brukergrensesnitt, og bruker preprosessorer. Jeg har prøvd alle tre før jeg sett på Gumby, og du bør nok gjøre det samme. Dessuten er det sjansene for at hvis du jobber med en eksisterende kode, bruker den Bootstrap, så du må allikevel vite din vei rundt Bootstrap uansett.

Snakker fra erfaring: Fra konsept til nettside i 3 dager

Vi kommer til vaskeri listen over Gumby funksjoner i et øyeblikk. Først, bunnlinjen: Med Gumby var jeg i stand til å komme fra en grov papir wireframe til en fullt fungerende, responsiv, vakker en-siders personlige hjemmeside på mindre enn 3 dager (ikke hele dager, husk deg). Parallax ruller, navbar, uanstrengt vertikale faner som fungerer bra på mobil - med lite oppstyr sammenlignet med tidligere erfaringer.

Funksjoner Galore!

Her er et overraskende faktum: Det beste stedet å lære om Gumby-funksjoner er Gumby-funksjonen. Nettstedet gjør en mye bedre jobb som selger rammen enn jeg kunne, så jeg vil ikke mire deg i en endeløs liste. Her er en rask oversikt over min favoritt tre:

• UI-settet: Du får alt du trenger for en moderne Webapp. Knapper, indikatorer, navigasjon (klebrig eller ikke, som du ønsker), og et medfølgende ikonfonter også.
• Bytter og bytter: Klikk på et element for å bytte et annet element (eller en rekke andre elementer). Dette betyr at det er veldig Lett å rulle dine egne faner, bildekaruseller, eller noe som krever å vise og gjemme elementer. Les mer om bytter og brytere her.
• Respond mixin: En fantastisk enkel måte å finjustere din Sass til målløsning. Vil du ha et bilde skjult når visningsporten faller under en viss størrelse? Ikke noe problem. Last inn et annet bilde i stedet? Sikker. Endre skriftstørrelser? Jepp. Les om Svar her. Du kan se det i aksjon hvis du går til ezuk.org og endrer bredden på vinduet: Merk hvordan toppseksjonen bare forsvinner og navigeringsstilen endres.

Jeg kirsebær plukket dem ut av alle Gumby-funksjonene jeg brukte fordi de gjør kompliserte ting enkle (spesielt de to siste).

En siste tips: Min One-Liner Test Web Server

For å bruke et hvilket som helst web-rammeverk, trenger du en lokal webserver. Du kan alltid gå med en fullverdig XAMPP-installasjon Slik installerer du en Windows Web Server på din PC med XAMPP Slik installerer du en Windows Web Server på din PC med XAMPP Les mer, men for meg var det overkill. Prosjektet mitt hadde ikke noen server-side kode å kjøre - alt jeg trengte var en grunnleggende HTTP-server. Python til redning:

python -m http.server

Denne en-liner er alt som trengs for å hente en rudimentær webserver under Windows, med Python installert. Bare naviger til katalogen som inneholder filene du vil tjene, kjør dette og prestoen:

Prøv det på ditt neste prosjekt

Selv om du er helt fornøyd med Bootstrap eller Foundation, er det ikke en dårlig idé å utvide horisonter. Gumby har mye å tilby - prøv det på ditt neste prosjekt og del dine tanker nedenfor.

Utforsk mer om: HTML, Webdesign, Webutvikling.