Gumby Een webraamwerk dat meer liefde verdient

Als u een ervaren webontwikkelaar bent, weet u dat een goed raamwerk wonderen kan doen voor projecttijdlijnen. Het juiste kader stelt u in staat om een ​​mooie, responsieve website samen te stellen in vrijwel geen tijd - en als u aan een projectbudget werkt, is dat essentieel. Het is echter niet alleen snelheid: het web is voortdurend in ontwikkeling, en met een solide basis voor uw site is het eenvoudiger om te onderhouden in de toekomst. Dat is waarom je Gumby-raamwerk nodig hebt.

Wie kan vrienden maken met Gumby?

Om vriendschappelijk te worden met Gumby, moet je tenminste een goede praktische kennis hebben van HTML en CSS - en JavaScript kan ook geen kwaad. Maar om echt te genieten van wat Gumby te bieden heeft, moet je Sass begrijpen, en hebben Node What is Node.JS en Why Should I Care? [Webontwikkeling] Wat is Node.JS en waarom zou ik erom geven? [Web Development] JavaScript is slechts een client-side programmeertaal die in de browser draait, toch? Niet meer. Node.js is een manier om JavaScript op de server uit te voeren; maar het is zoveel meer ook. Als ... Lees meer en Ruby geïnstalleerd (hoewel je niet hoeft te leren Ruby 3 Interactief, leuk, gratis manieren om te beginnen met leren De Ruby programmeertaal 3 Interactief, leuk, gratis manieren om te leren De Ruby programmeertaal Ruby is een expressieve, scriptingtaal van zeer hoog niveau. Het wordt voornamelijk op internet gebruikt als onderdeel van het webontwikkelingsraamwerk van Ruby on Rails, maar ook als stand-alone. Als u nieuwsgierig bent naar wat Ruby (niet ... Lees meer). Zoals de meeste webraamwerken, Gumby is vooral bedoeld voor ontwikkelaars die al weten wat ze doen.

Als je geen codeur bent, wees niet bang! Dit artikel is misschien niet voor jou, maar je mist het door je eigen website niet in te stellen. Je bent vermist door een persoonlijke website niet aan te maken: de 6 mythen die je mist, weerleggen door een persoonlijke website niet te maken: de 6 mythen weerleggen Heeft u er ooit over nagedacht om een ​​persoonlijke website te hebben? Je weet wel - een plek waar mensen kunnen gaan lezen over wie je bent, wat je doet, je doelen en ambities, en natuurlijk om contact op te nemen met ... Lees meer. Het goede nieuws is dat het geen rocket science is. Als u snel iets samen wilt trekken, is WordPress een zeer veelzijdige optie, of u kunt kiezen voor een van deze methoden zonder codering. Hoe u uw eigen website binnen enkele minuten kunt maken zonder codeervaardigheden. Hoe u uw eigen website binnen enkele minuten kunt bouwen zonder Alle codeervaardigheden Naarmate het web groeit en het duizelingwekkend snel doet, wordt de behoefte aan een aanwezigheid op het web steeds dringender. In veel delen van de wereld moet u gewoon een aanwezigheid op het web hebben om ... Lees meer voor het maken van een site.

The Elephants In The Room: Bootstrap en Zurb Foundation

Geen bespreking van Web-frameworks kan compleet zijn zonder het noemen van Twitter Bootstrap en de (beter, naar mijn mening) Zurb Foundation. Ik ga ze vandaag niet allemaal vergelijken, want dat zou saai zijn - en belangrijker, omdat tools een heel persoonlijke keuze zijn.

Alle drie de frameworks zijn semantisch, aanpasbaar, responsief, hebben uitgebreide UI-kits en maken gebruik van preprocessors. Ik heb ze alle drie geprobeerd voordat ik op Gumby ging, en je zou waarschijnlijk hetzelfde moeten doen. Trouwens, de kans is groot dat als je werkt aan een al bestaande code, het Bootstrap zal gebruiken, dus je zult hoe dan ook je weg moeten weten in Bootstrap.

Spreken vanuit ervaring: van concept naar website binnen 3 dagen

We komen zo meteen naar de waslijst met Gumby-functies. Ten eerste de bottom line: met Gumby kon ik in minder dan drie dagen (niet volle dagen, denk ik) van een ruw papieren draadframe naar een volledig functionerende, responsieve, mooie persoonlijke homepage van één pagina gaan. Parallax scrollen, navigatiebalk, moeiteloze verticale tabbladen die goed werken op mobiele apparaten - met weinig gedoe in vergelijking met eerdere ervaringen.

Functies Galore!

Hier is een verrassend feit: de beste plaats om meer te leren over Gumby-functies is de Gumby-functie. De site doet een veel betere taak om het framework te verkopen dan ik zou kunnen, dus ik zal je niet lastig vallen in een eindeloze lijst. Hier is een kort overzicht van mijn favoriete drie:

• De UI-kit: Je krijgt alles wat je nodig hebt voor een moderne webapp. Knoppen, indicatoren, navigatie (plakkerig of niet, zoals u wenst), en een inbegrepen pictogramlettertype ook.
• Schakelt en schakelt: Klik op een element om een ​​ander element (of een aantal andere elementen) te wisselen. Dit betekent dat het is heel eenvoudig om uw eigen tabs, beeldcarrousels of iets dat het tonen en verbergen van elementen vereist, te rollen. Lees hier meer over schakelaars en schakelaars.
• De Respond-mixin: Een wonderlijk eenvoudige manier om uw Sass-resolutie aan te passen aan de doelresolutie. Wilt u een afbeelding die verborgen is wanneer de viewport onder een bepaalde grootte valt? Geen probleem. Laad een andere afbeelding in plaats daarvan? Zeker. Verander lettergroottes? JEP. Lees meer over Reageren hier. Je kunt het in actie zien als je naar ezuk.org gaat en de breedte van het venster verandert: Let op hoe het bovenste gedeelte gewoon verdwijnt en de navigatiestijl verandert.

Ik heb ze uitgekozen uit alle Gumby-functies die ik gebruikte omdat ze ingewikkelde dingen gemakkelijk maken (vooral de laatste twee).

One Last Tip: My One-Liner Test Web Server

Als u een webraamwerk wilt gebruiken, hebt u een lokale webserver nodig. U kunt altijd kiezen voor een volwaardige XAMPP-installatie Een Windows Web Server installeren op uw pc Met XAMPP Een Windows Web Server installeren op uw pc Met XAMPP Lees Meer, maar dat was voor mij overdreven. Mijn project had geen server-side code om te draaien - alles wat ik nodig had was een standaard HTTP-server. Python om te redden:

python -m http.server

Deze one-liner is alles wat nodig is om een ​​rudimentaire webserver op te zetten onder Windows, met Python geïnstalleerd. Navigeer gewoon naar de map met de bestanden die u wilt gebruiken, voer dit uit en presto:

Probeer het op uw volgende project

Zelfs als je perfect tevreden bent met Bootstrap of Foundation, is het nooit een slecht idee om je horizon te verruimen. Gumby heeft veel te bieden - probeer het uit bij uw volgende project en deel uw gedachten hieronder.

Ontdek meer over: HTML, Webdesign, Webontwikkeling.