Gumby Web Framework, který si zaslouží více lásky

Pokud jste zkušený vývojář webu, víte, že dobrý rámec dokáže udělat zázraky pro časové harmonogramy projektu. Správný rámec umožňuje házet krásný a pohotový web dohromady v prakticky žádném okamžiku - a když pracujete na rozpočtu na projekt, je to nezbytné. Nejde však jen o rychlost: Web se neustále vyvíjí a díky pevné základně pro váš web je údržba v budoucnu snadnější. Proto potřebujete Gumby framework.

Kdo může kamarádit s Gumbym?

Chcete-li se s Gumbym spřátelit, musíte mít alespoň dobré pracovní znalosti HTML a CSS - a některé JavaScript také neublíží. Ale abyste si opravdu užili, co Gumby nabízí, musíte porozumět Sassovi a mít Node Co je Node.JS a proč bych se měl starat? [Vývoj webu] Co je Node.JS a proč bych se měl starat? [Vývoj webu] JavaScript je programovací jazyk na straně klienta, který běží v prohlížeči, že? Už ne. Node.js je způsob spouštění JavaScriptu na serveru; ale je to mnohem víc. Pokud jsou… a Ruby nainstalovány (i když se nemusíte učit Ruby 3 Interactive, Fun, Free Ways to Start Learning Ruby Programming Language 3 Interactive, Fun, Free Ways to Start Learning Ruby Programming Language Ruby je expresivní, velmi vysoká - úroveň, skriptovací jazyk. Používá se na webu hlavně jako součást rámce pro vývoj webových aplikací Ruby on Rails, ale také jako samostatný. Pokud jste zvědaví, co Ruby (ne…). Stejně jako většina webových rámců je i Gumby hlavně pro vývojáře, kteří již vědí, co dělají.

Pokud nejste kodér, nemusíte se starat! Tento článek nemusí být pro vás, ale chybí vám nastavení vlastního webu, který vám chybí tím, že nevytváříte osobní web: Zamítnutí 6 mýtů, které vám chybí tím, že nevytvoříte osobní web: Zamítnutí mýtů 6 Už jste někdy uvažovali o osobním webu? Víte - místo, kam lidé mohou číst o tom, kdo jste, co děláte, o vašich cílech a aspiracích a samozřejmě kontaktovat…. Dobrou zprávou je, že to není raketová věda. Pokud chcete něco rychle spojit, WordPress je velmi univerzální možnost, nebo byste mohli jít s některou z těchto metod bez kódování Jak vytvořit svůj vlastní web v minutách bez kódovacích dovedností Jak si vytvořit svůj vlastní web v minutách bez Jakékoli dovednosti kódování S tím, jak web roste, a to tak oslnivě rychle, je potřeba přítomnosti na webu stále naléhavější. V mnoha částech světa musíte mít pouze webovou přítomnost, abyste mohli… vytvořit web.

Sloni v místnosti: Bootstrap a Zurb Foundation

Žádná diskuse o webových rámcích nemůže být úplná, aniž by bylo zmíněno Twitter Bootstrap a (podle mého názoru lepší) Zurb Foundation. Dnes je nebudu porovnávat, protože by to bylo nudné - a důležitější, protože nástroje jsou velmi osobní volbou.

Všechny tři rámce jsou sémantické, přizpůsobitelné, citlivé, mají rozsáhlé sady uživatelských rozhraní a používají preprocesory. Zkusil jsem všechny tři, než jsem se usadil na Gumby, a pravděpodobně byste měli udělat to samé. Kromě toho je pravděpodobné, že pokud pracujete na jakémkoli již existujícím kódu, bude to používat Bootstrap, takže budete stejně muset znát cestu kolem Bootstrapu.

Mluvení ze zkušenosti: Z konceptu na web za 3 dny

Za chvíli se dostaneme k prádelníku funkcí Gumby. Zaprvé, spodním řádku: S Gumbym jsem se dokázal dostat z drsného papírového drátu na plně funkční, pohotovou a krásnou jednostránkovou osobní domovskou stránku za méně než 3 dny (ne celé dny, nevadí). Posouvání parallaxu, navbar, vertikální karty bez námahy, které fungují dobře na mobilu - s malým nepokojem ve srovnání s předchozími zkušenostmi.

Představuje Galore!

Zde je překvapující fakt: Nejlepší místo, kde se dozvědět o funkcích Gumby, je sekce Gumby Feature. Místo dělá mnohem lepší práci při prodeji rámce, než jsem mohl, takže vás nebudu moirovat do nekonečného seznamu. Zde je rychlý přehled mých oblíbených tří:

• Sada UI: Získáte vše, co potřebujete pro moderní Webapp. Tlačítka, indikátory, navigace (lepkavé nebo ne, jak si přejete) a také zahrnuté písmo ikon.
• Přepínače a přepínače: Klepnutím na prvek přepnete na jiný prvek (nebo na spoustu dalších prvků). To znamená, že je velmi snadno rolujte své vlastní karty, karusely obrázků nebo cokoli, co vyžaduje zobrazení a skrytí prvků. o přepínačích a přepínačích zde.
• Mix odpovědí: Úžasně jednoduchý způsob, jak jemně doladit Sass, aby dosáhl rozlišení. Chcete obrázek skrýt, když výřez spadne pod určitou velikost? Žádný problém. Místo toho načíst jiný obrázek? Tak určitě. Změnit velikost písma? Jo. Přečtěte si o Odpověď zde. Můžete to vidět v akci, pokud jdete na ezuk.org a změníte šířku okna: Všimněte si, jak horní část prostě zmizí a změní se styl navigace.

Vybral jsem ty ze všech funkcí Gumby, které jsem použil, protože usnadňují komplikované věci (zejména poslední dvě).

Jeden poslední tip: Můj webový server One-Liner Test

Chcete-li použít jakýkoli webový rámec, budete potřebovat místní webový server. Vždy byste mohli jít s plnohodnotnou instalací XAMPP Jak nainstalovat Windows Web Server na svůj počítač s XAMPP Jak nainstalovat Windows Web Server na svůj počítač S XAMPP, ale pro mě to bylo zbytečné. Můj projekt neměl k dispozici žádný kód na straně serveru - vše, co jsem potřeboval, byl základní HTTP server. Python k záchraně:

python -m http.server

Tato jednostranná fólie je vše, co je potřeba k vytvoření základního webového serveru v systému Windows s nainstalovaným Pythonem. Jednoduše přejděte do adresáře obsahujícího soubory, které chcete obsluhovat, spusťte toto a proveďte test:

Vyzkoušejte to na vašem dalším projektu

I když jste s Bootstrapem nebo nadací naprosto spokojeni, rozšíření vašich obzorů není nikdy špatný nápad. Gumby má co nabídnout - vyzkoušejte si to na svém dalším projektu a podělte se o své myšlenky níže.