Gumby A Web Framework som förtjänar mer kärlek

Om du är en erfaren webbutvecklare vet du att en bra ram kan göra underverk för projektets tidslinjer. Den rätta ramen gör att du kan kasta en vacker och lyhörd webbplats tillsammans i praktiskt taget ingen tid - och när du arbetar på en budget per projekt, är det viktigt. Det är inte bara fart, men webben förändras ständigt, och med en solid grund för din webbplats gör det lättare att behålla i framtiden. Därför behöver du Gumby-ramverket.

Vem kan göra vänner med Gumby?

För att bli vänlig med Gumby måste du ha en bra fungerande kunskap om HTML och CSS åtminstone - och vissa JavaScript kommer inte heller att skada. Men för att verkligen njuta av vad Gumby har att erbjuda, måste du förstå Sass och ha Node. Vad är Node.JS och varför ska jag bry sig? [Webbutveckling] Vad är Node.JS och varför ska jag bry sig? [Webbutveckling] JavaScript är ett helt enkelt programmeringsspråk för klientsidor som körs i webbläsaren, eller hur? Inte längre. Node.js är ett sätt att köra JavaScript på servern; men det är så mycket mer också. Om ... Läs mer och Ruby installerat (även om du inte behöver lära dig Ruby 3 Interaktiv, kul och gratis sätt att börja lära dig Ruby Programming Language 3 Interaktiva, roliga och fria sätt att börja lära Ruby Programming Language Ruby är en uttrycksfull, mycket hög nivå, skriptspråk. Den används på webben huvudsakligen som en del av Ruby on Rails webbutvecklingsram, men också fristående. Om du är nyfiken på vad Ruby (inte ... Läs mer). Liksom de flesta webbramar, Gumby är främst för utvecklare som redan vet vad de gör.

Om du inte är en kodare, hör inte! Den här artikeln kanske inte är för dig, men du saknar dig genom att inte skapa din egen webbplats. Du saknar dig genom att inte skapa en personlig webbplats. Disproving de 6 myterna du saknar genom att du inte skapar en personlig webbplats: Disproving The 6 Myths Har du någonsin funnit att ha en personlig hemsida? Du vet - en plats där människor kan gå för att läsa om vem du är, vad du gör, dina mål och ambitioner, och självklart att kontakta ... Läs mer. Den goda nyheten är att det inte är raketvetenskap. Om du snabbt vill hämta något, är WordPress ett mycket mångsidigt alternativ, eller du kan gå med någon av de här kodningsmetoderna. Hur man bygger din egen hemsida i minuter utan några kodningsförmåga. Hur man bygger din egen hemsida i minuter. Alla kodningsförmågor När webben växer, och det gör det så bländande snabbt, blir behovet av en närvaro på nätet alltmer pressande. I många delar av världen måste du helt enkelt ha en närvaro på nätet i ordning ... Läs mer för att skapa en webbplats.

Elephants In The Room: Bootstrap och Zurb Foundation

Ingen diskussion om webbramar kan vara komplett utan att nämna Twitter Bootstrap och (bättre, enligt min mening) Zurb Foundation. Jag ska inte jämföra dem alla idag, för det skulle vara tråkigt - och viktigare, eftersom verktyg är ett mycket personligt val.

Alla tre ramverk är semantiska, anpassningsbara, lyhörda, har omfattande användargränssnitt och använder preprocessorer. Jag har försökt alla tre innan jag slår på Gumby, och du borde noga göra detsamma. Dessutom är chansen att om du arbetar med någon redan existerande kod, kommer den att använda Bootstrap, så du måste känna din väg runt Bootstrap ändå.

Talar från erfarenhet: Från koncept till hemsida i 3 dagar

Vi kommer till tvättlistan av Gumby-funktioner på ett ögonblick. Först, den nedersta raden: Med Gumby kunde jag komma från en hårdpappersdrage till en helt fungerande, lyhörd, vacker ensidig personlig hemsida på mindre än 3 dagar (inte hela dagarna, kom ihåg). Parallax rullning, navbar, enkel vertikal flikar som fungerar bra på mobilen - med lite krångel jämfört med tidigare erfarenheter.

Egenskaper Galore!

Här är ett överraskande faktum: Det bästa stället att lära dig om Gumby-funktioner är avsnittet Gumby Feature. Webbplatsen gör ett mycket bättre jobb som säljer ramverket än jag kunde, så jag kommer inte att mirata dig i en oändlig lista. Här är en snabb rundgång av mina favorit tre:

• UI-paketet: Du får allt du behöver för en modern Webapp. Knappar, indikatorer, navigering (klibbig eller inte, som du önskar), och en medföljande ikonstyp.
• Växlar och växlar: Klicka på ett element för att växla till ett annat element (eller en massa andra element). Det betyder att det är mycket lätt att rulla egna flikar, bildkaruseller eller något som kräver att man visar och döljer element. Läs mer om växlar och växlar här.
• Respond mixin: Ett underbart enkelt sätt att finjustera din Sass till mållösning. Vill du ha en bild dold när visningen faller under en viss storlek? Inga problem. Ladda en annan bild istället? Säker. Ändra teckenstorlekar? Japp. Läs om svar här. Du kan se den i aktion om du går till ezuk.org och ändrar fönstets bredd: Observera hur toppsektionen bara försvinner och navigeringsstilen ändras.

Jag körde körsbären ut ur alla Gumby-funktionerna som jag använde eftersom de gör komplicerade saker enkelt (särskilt de två sista).

En sista tips: My One-Liner Test Web Server

För att använda ett webb-ramverk behöver du en lokal webbserver. Du kan alltid gå med en fullfjädrad XAMPP-installation Så här installerar du en Windows-webbserver på din dator med XAMPP Så här installerar du en Windows-webbserver på din dator med XAMPP Läs mer, men för mig var det överkill. Mitt projekt hade inte någon server-sida kod att köra - allt jag behövde var en grundläggande HTTP-server. Python till undsättning:

python -m http.server

Denna en-liner är allt som krävs för att ta fram en rudimentär webbserver under Windows, med Python installerat. Navigera bara till katalogen som innehåller de filer du vill tjäna, kör detta och presto:

Prova på ditt nästa projekt

Även om du är helt nöjd med Bootstrap eller Foundation, är det inte en dålig idé att expandera dina horisonter. Gumby har mycket att erbjuda - prova på ditt nästa projekt och dela med dig av dina tankar nedan.

Utforska mer om: HTML, webbdesign, webbutveckling.