Gumby Un cadru web care merită mai multă dragoste

Dacă sunteți un dezvoltator Web cu experiență, știți că un cadru bun poate face minuni pentru termenele de proiect. Cadrul potrivit vă permite să aruncați împreună un site minunat și receptiv într-un timp aproape virtual - și atunci când lucrați la un buget pe proiect, este esențial. Nu este vorba doar de viteză: Webul evoluează în mod constant, iar o bază solidă pentru site-ul dvs. face mai ușoară întreținerea în viitor. De aceea ai nevoie de un cadru Gumby.

Cine poate face prieteni cu Gumby?

Pentru a obține o prietenie cu Gumby, va trebui să aveți o cunoaștere bună de lucru a HTML și CSS cel puțin - și unii JavaScript nu va face nici rău. Dar pentru a vă bucura cu adevărat de ceea ce Gumby are de oferit, va trebui să înțelegeți Sass și să aveți nodul Ce este Node.JS și de ce ar trebui să mă intereseze? [Dezvoltare Web] Ce este Node.JS și de ce ar trebui să mă intereseze? [Dezvoltare Web] JavaScript este un limbaj de programare care rulează în browser, nu? Nu mai. Node.js este o modalitate de a rula JavaScript pe server; dar este și mai mult. Dacă ... Citiți mai multe și Ruby instalat (deși nu va trebui să înveți Ruby 3 Interactive, Distracție, Moduri gratuite de a începe să învățați Limba de programare Ruby 3 Interactiv, distractiv, moduri gratuite de a începe învățarea Ruby Limba de programare Ruby este o expresivă, este foarte folositor pe Web, în ​​principal ca parte a platformei de dezvoltare web Ruby on Rails, dar și standalone.Dacă sunteți curios despre ceea ce Ruby (nu ... Citește mai mult) Ca și cele mai multe cadre Web, Gumby este destinat în principal dezvoltatorilor care știu deja ce fac.

Dacă nu ești un coder, nu feriți! Este posibil ca acest articol să nu fie pentru dvs., dar vă lipsesc prin a nu crea propriul dvs. site Sunteți lipsesc prin a nu crea un site personal: Dispersarea cele 6 mituri pe care le pierdeți prin a nu crea un site personal: Dispersarea 6 mituri Ați gândit vreodată să aveți un site personal? Știți - un loc unde oamenii pot merge să citească despre cine sunteți, ce faceți, obiectivele și aspirațiile dvs. și, bineînțeles, să vă contactați ... Citește mai mult. Vestea bună este că nu știința rachetelor. Dacă doriți să trageți rapid ceva împreună, WordPress este o opțiune foarte versatilă, sau ați putea merge cu oricare dintre aceste metode fără codificare Cum de a construi site-ul dvs. proprii în procesul-verbal, fără nici un fel de abilități de codificare Cum de a construi propriul dvs. site-ul în procesul-verbal Fără Orice abilități de codificare Pe măsură ce Web-ul crește, și este atât de rapid, nevoia de prezență web devine din ce în ce mai presantă. În multe părți ale lumii, pur și simplu trebuie să aveți o prezență web în ordine ... Citește mai mult pentru a face un site.

Elefanții din cameră: Bootstrap și Fundația Zurb

Nici o discuție despre cadrele Web nu poate fi completă fără a menționa Twitter Bootstrap și Fundația Zurb (mai bine, după părerea mea). Nu o să le comparăm astăzi, pentru că ar fi plictisitoare - și mai importantă, deoarece instrumentele sunt o alegere foarte personală.

Toate cele trei cadre sunt semantice, personalizabile, receptive, au kituri extensibile de UI și folosesc preprocesoare. Am încercat toate cele trei înainte de a vă stabili pe Gumby, și probabil că ar trebui să faceți același lucru. În plus, este posibil ca, dacă lucrați la orice cod deja existent, va fi folosit Bootstrap, deci va trebui să cunoașteți drumul în jurul Bootstrap oricum.

Vorbind din experiență: de la concept la site-ul în 3 zile

O să ajungem la lista de spălătorii de la Gumby într-o clipă. Mai intai, linia de jos: Cu Gumby, am fost capabila sa ajung dintr-o sarma de hirtie de hartie intr-o pagina personala pe deplin functionala, responsabila, intr-o pagina personala, in mai putin de 3 zile. Parabolă parallax, navbar, tab-uri verticale fără efort care funcționează bine pe mobil - cu puțină agitație în comparație cu experiențele anterioare.

Caracteristici Galore!

Iată un fapt surprinzător: Cel mai bun loc pentru a afla despre caracteristicile Gumby este secțiunea Gumby Feature. Site-ul face o treabă mult mai bună de vânzare a cadrului decât aș putea, așa că nu te voi mai da jos într-o listă nesfârșită. Iată o scurtă trecere în revistă a celor trei preferate:

• Kitul UI: Veți obține tot ce aveți nevoie pentru un Webapp modern. Butoane, indicatoare, navigație (lipicioase sau nu, după cum doriți) și un font de pictograme inclus.
• Toggles & Switches: Faceți clic pe un element pentru a comuta un alt element (sau o grămadă de alte elemente). Asta înseamnă că este foarte ușor de rulat propriile file, caruseluri de imagine sau orice altceva care necesită afișarea și ascunderea elementelor. Citiți mai multe despre comutatoarele și comutatoarele de aici.
• Mixinul de răspuns: O modalitate extraordinar de simplă de a-ți regla Sass-ul pentru a viza rezoluția. Doriți o imagine ascunsă când fereastra de vizualizare intră sub o anumită dimensiune? Nici o problema. Încărcați o imagine diferită? Sigur. Modificați dimensiunile fontului? Da. Citiți despre Răspundeți aici. Puteți vedea acțiunea dacă mergeți la ezuk.org și schimbați lățimea ferestrei: Rețineți cum dispare partea superioară și stilul de navigație se schimbă.

Am cherry-a ales cele din toate caracteristicile Gumby am folosit pentru că fac lucruri complicate ușor (în special în ultimele două).

Un ultim sfat: serverul meu de testare One-Liner

Pentru a utiliza orice cadru web, veți avea nevoie de un server Web local. Ai putea merge întotdeauna cu o instalare full-fledged XAMPP Cum Pentru a instala un server Web Windows pe PC-ul dvs. cu XAMPP Cum să instalați un server de Windows pe PC pe PC cu XAMPP Read More, dar pentru mine, care a fost overkill. Proiectul meu nu avea niciun cod de server pe care să-l ruleze - tot ce aveam nevoie era un server HTTP de bază. Python la salvare:

python -m http.server

Acest lucru este necesar pentru a aduce un server Web rudimentar sub Windows, cu Python instalat. Doar navigați la directorul care conține fișierele pe care doriți să le difuzați, executați acest lucru și presto:

Încercați-l pe Proiectul următor

Chiar dacă sunteți foarte mulțumit de Bootstrap sau de Fundația, extinderea orizonturilor dvs. nu este niciodată o idee proastă. Gumby are multe de oferit - încercați-l la următorul proiect și împărtășiți-vă gândurile de mai jos.

Explorați mai multe despre: HTML, Web Design, Dezvoltare Web.