Lesley Fowler
0 
3957
193
Hvis du er en erfaren webudvikler, ved du, at en god ramme kan gøre vidundere for projektets tidslinjer. Den rigtige ramme giver dig mulighed for at smide et smukt, responsivt websted sammen på næsten ingen tid - og når du arbejder på et budget pr. Projekt, er det vigtigt. Det er dog ikke kun hastighed: Internettet er i konstant udvikling, og at have et solidt fundament til dit websted gør det lettere at vedligeholde i fremtiden. Derfor har du brug for Gumby-rammer.
Hvem kan blive venner med Gumby?
For at blive venlig med Gumby skal du mindst have en god arbejdsviden om HTML og CSS - og nogle JavaScript vil heller ikke skade. Men for virkelig at nyde, hvad Gumby har at tilbyde, skal du forstå Sass og have knudepunkt Hvad er Node.JS og hvorfor skal jeg pleje? [Webudvikling] Hvad er Node.JS, og hvorfor skal jeg pleje? [Webudvikling] JavaScript er et bare et programmeringssprog på klientsiden, der kører i browseren, ikke? Ikke mere. Node.js er en måde at køre JavaScript på serveren på; men det er så meget mere også. Hvis ... og Ruby installeret (skønt du ikke behøver at lære Ruby 3 interaktive, sjove, gratis måder at begynde at lære Ruby-programmeringssprog 3 interaktive, sjove, gratis måder at begynde at lære på Ruby-programmeringssprog Ruby er et udtryksfuldt, meget højt -niveau, scriptingsprog. Det bruges hovedsageligt på Internettet som en del af Ruby on Rails webudviklingsrammer, men også uafhængigt. Hvis du er nysgerrig efter, hvad Ruby (ikke ...). Som de fleste webrammer, er Gumby hovedsagelig til til udviklere, der allerede ved, hvad de laver.
Hvis du ikke er en koder, skal du ikke bekymre dig! Denne artikel er muligvis ikke til dig, men du går glip af ikke at oprette din egen hjemmeside Du går glip af ved ikke at oprette et personligt websted: modbevise de 6 myter, du går glip af ved ikke at oprette et personligt websted: modbevise de 6 myter Har du nogensinde overvejet at have et personligt websted? Du ved - et sted, hvor folk kan gå og læse om, hvem du er, hvad du gør, dine mål og forhåbninger og selvfølgelig at kontakte ... Den gode nyhed er, at det ikke er raketvidenskab. Hvis du hurtigt ønsker at trække noget sammen, er WordPress en meget alsidig mulighed, eller du kan gå med en af disse ingen kodningsmetoder Sådan oprettes dit eget websted i minutter uden kodningsfærdigheder Sådan bygger du dit eget websted i minutter uden Eventuelle kodningsevner Når nettet vokser og gør det blændende hurtigt, bliver behovet for en web tilstedeværelse mere presserende. I mange dele af verden skal du ganske enkelt have en tilstedeværelse på nettet for at kunne oprette et websted.
Elefanterne i rummet: Bootstrap og Zurb Foundation
Ingen diskussion af webrammer kan være komplet uden at nævne Twitter Bootstrap og (bedre, efter min mening) Zurb Foundation. Jeg vil ikke sammenligne dem alle i dag, fordi det ville være kedeligt - og vigtigere, fordi værktøjer er et meget personligt valg.
Alle tre rammer er semantiske, tilpasses, lydhøre, har omfattende UI-sæt og bruger forbehandlere. Jeg har prøvet alle tre, før jeg kom til Gumby, og du skulle sandsynligvis gøre det samme. Desuden er chancerne for, at hvis du arbejder med en allerede eksisterende kode, bruger den Bootstrap, så du bliver nødt til at kende din vej omkring Bootstrap alligevel.
Taler fra erfaring: Fra koncept til websted om 3 dage
Vi kommer til listen over vaskerier med Gumby-funktioner i et øjeblik. Først bundlinjen: Med Gumby var jeg i stand til at komme fra en grov papir wireframe til en fuldt fungerende, lydhør, smuk personlig side på en side på mindre end 3 dage (ikke hele dage, husk dig). Parallax-rulning, navbar, ubesværede lodrette faner, der fungerer godt på mobil - med lidt ståhej sammenlignet med tidligere oplevelser.
Funktioner i massevis!
Her er en overraskende kendsgerning: Det bedste sted at lære om Gumby-funktioner er afsnittet Gumby Feature. Webstedet gør et meget bedre stykke arbejde med at sælge rammerne end jeg kunne, så jeg vil ikke slå dig ned på en uendelig liste. Her er en hurtig gennemgang af mine foretrukne tre:
- UI-kittet: Du får alt hvad du har brug for en moderne Webapp. Knapper, indikatorer, navigation (klistret eller ej, som du ønsker) og en inkluderet ikonskrifttype også.
- Skifter & afbrydere: Klik på et element for at skifte til et andet element (eller på en masse andre elementer). Dette betyder, at det er meget let at rulle dine egne faner, billedkaruseller eller noget, der kræver at vise og skjule elementer. om at skifte og skifte her.
- The Respond mixin: En vidunderlig enkel måde at finjustere din Sass til målopløsning. Vil du have et billede gemt, når visningen falder ind under en bestemt størrelse? Intet problem. Indlæser du et andet billede i stedet? Jo da. Skift skriftstørrelser? Jep. Læs om Svar her. Du kan se det i handling, hvis du går til ezuk.org og ændrer bredden på vinduet: Bemærk, hvordan det øverste afsnit netop forsvinder, og navigationsstilen ændres.
Jeg valgte de kirsebær ud af alle de Gumby-funktioner, jeg brugte, fordi de gør komplicerede ting let (især de to sidste).
Et sidste tip: Min One-Liner Test-webserver
Hvis du vil bruge en hvilken som helst webramme, har du brug for en lokal webserver. Du kan altid gå med en fuldgyldig XAMPP-installation Sådan installeres en Windows Webserver på din pc med XAMPP Sådan installeres en Windows Webserver på din pc med XAMPP, men for mig var det overdrevent. Mit projekt havde ikke nogen serversidekode at køre - alt hvad jeg havde brug for var en grundlæggende HTTP-server. Python til redning:
python -m http.server
Denne one-liner er alt, hvad det kræver for at få en rudimentær webserver under Windows, med Python installeret. Naviger bare til det bibliotek, der indeholder de filer, du vil servere, kør dette og presto:
Prøv det på dit næste projekt
Selv hvis du er helt tilfreds med Bootstrap eller Foundation, er det aldrig en dårlig idé at udvide dine horisonter. Gumby har meget at tilbyde - prøv det på dit næste projekt og del dine tanker nedenfor.