Gumby Web Framework, który zasługuje na więcej miłości

Jeśli jesteś doświadczonym programistą WWW, wiesz, że dobre ramy mogą zdziałać cuda w odniesieniu do osi czasu projektu. Właściwe ramy pozwalają szybko stworzyć piękną, responsywną stronę internetową - a praca nad budżetem na projekt jest bardzo ważna. Nie chodzi tylko o szybkość: Internet stale się rozwija, a solidne podstawy dla Twojej witryny ułatwiają jej utrzymanie w przyszłości. Dlatego potrzebujesz frameworka Gumby.

Kto może zaprzyjaźnić się z Gumby?

Aby zaprzyjaźnić się z Gumby, musisz mieć dobrą znajomość HTML i CSS przynajmniej - a niektóre JavaScript też nie zaszkodzą. Ale aby naprawdę cieszyć się tym, co Gumby ma do zaoferowania, musisz zrozumieć Sassa i mieć Node Czym jest Node.JS i dlaczego powinienem się przejmować? [Web Development] Co to jest Node.JS i dlaczego powinienem się tym przejmować? [Web Development] JavaScript to tylko język programowania po stronie klienta, który działa w przeglądarce, prawda? Nigdy więcej. Node.js to sposób na uruchomienie JavaScript na serwerze; ale to także o wiele więcej. Jeśli ... i zainstalowany Ruby (choć nie będziesz musiał uczyć się Ruby 3 Interactive, Fun, darmowe sposoby na rozpoczęcie nauki języka programowania Ruby 3 Interactive, fun, darmowe sposoby na rozpoczęcie nauki języka programowania Ruby Ruby jest wyrazisty, bardzo wysoki -poziom, język skryptowy. Jest używany w sieci głównie jako część środowiska programistycznego Ruby on Rails, ale także jako samodzielny program. Jeśli jesteś ciekawy, co to jest Ruby (nie…). Podobnie jak większość platform internetowych, Gumby jest przeznaczony głównie dla programistów, którzy już wiedzą, co robią.

Jeśli nie jesteś programistą, nie martw się! Ten artykuł może nie być dla Ciebie, ale nie możesz założyć własnej witryny. Tęsknisz za tym, że nie tworzysz osobistej strony internetowej: obalenie 6 mitów, których brakuje, nie tworząc osobistej strony internetowej: obalenie 6 mitów Czy zastanawiałeś się kiedyś nad stworzeniem osobistej strony internetowej? Wiesz - miejsce, w którym ludzie mogą przeczytać o tym, kim jesteś, co robisz, jakie są Twoje cele i aspiracje oraz oczywiście kontakt… Dobra wiadomość jest taka, że ​​to nie jest nauka o rakietach. Jeśli chcesz szybko coś połączyć, WordPress jest bardzo wszechstronną opcją lub możesz skorzystać z dowolnej z tych metod bez kodowania Jak zbudować własną stronę internetową w kilka minut bez żadnych umiejętności kodowania Jak zbudować własną stronę internetową w kilka minut bez Wszelkie umiejętności kodowania Wraz z rozwojem sieci, która robi to oszałamiająco szybko, potrzeba obecności w sieci staje się coraz bardziej paląca. W wielu częściach świata wystarczy mieć obecność w Internecie, aby ... stworzyć witrynę.

The Elephants In The Room: Bootstrap and Zurb Foundation

Żadna dyskusja na temat frameworków internetowych nie może być kompletna bez wspominania Bootstrap na Twitterze i (moim zdaniem) Fundacji Zurb. Nie zamierzam dzisiaj porównywać ich wszystkich, ponieważ byłoby to nudne - i co ważniejsze, ponieważ narzędzia są bardzo osobistym wyborem.

Wszystkie trzy frameworki są semantyczne, konfigurowalne, responsywne, mają rozbudowane zestawy interfejsów użytkownika i używają preprocesorów. Próbowałem wszystkich trzech, zanim zdecydowałem się na Gumby i prawdopodobnie powinieneś zrobić to samo. Poza tym istnieje szansa, że ​​jeśli pracujesz nad dowolnym już istniejącym kodem, będzie on używał Bootstrap, więc i tak musisz znać swoją drogę.

Mówienie z doświadczenia: od pomysłu do strony internetowej w 3 dni

Za chwilę przejdziemy do listy prania funkcji Gumby. Po pierwsze: dzięki Gumby mogłem przejść od szorstkiej papierowej ramy do w pełni działającej, responsywnej, pięknej, jednostronicowej strony domowej w mniej niż 3 dni (nie pełne dni, pamiętajcie o tym). Przewijanie paralaksy, pasek nawigacyjny, bez wysiłku pionowe zakładki, które działają dobrze na urządzeniach mobilnych - bez większego zamieszania w porównaniu do poprzednich doświadczeń.

Funkcje obfitości!

Oto zaskakujący fakt: Najlepszym miejscem do poznania funkcji Gumby jest sekcja Funkcje Gumby. Witryna wykonuje znacznie lepszą pracę, sprzedając platformę, niż mogłabym, więc nie wyrzucę cię na niekończącą się listę. Oto krótkie podsumowanie moich ulubionych trzech:

• Zestaw interfejsu użytkownika: Dostajesz wszystko, czego potrzebujesz do nowoczesnej aplikacji internetowej. Przyciski, wskaźniki, nawigacja (lepka lub nie, jak chcesz), a także dołączona czcionka ikony.
• Przełącza i przełącza: Kliknij element, aby przełączyć inny element (lub kilka innych elementów). To znaczy, że tak bardzo łatwe do zrolowania własnych zakładek, karuzeli obrazów lub czegokolwiek, co wymaga pokazywania i ukrywania elementów. o przełącznikach i przełącznikach tutaj.
• Miks odpowiedzi: Cudownie prosty sposób na dostrojenie Sassa do rozdzielczości docelowej. Chcesz ukryć obraz, gdy rzutnia spadnie poniżej określonego rozmiaru? Nie ma problemu. Zamiast tego załadować inny obraz? Pewnie. Zmienić rozmiary czcionek? Tak. Przeczytaj o Odpowiedz tutaj. Możesz zobaczyć to w akcji, jeśli wejdziesz na ezuk.org i zmienisz szerokość okna: Zwróć uwagę, jak górna sekcja po prostu znika i zmienia się styl nawigacji.

Wybrałem te spośród wszystkich funkcji Gumby, których użyłem, ponieważ ułatwiają skomplikowane rzeczy (szczególnie dwie ostatnie).

Ostatnia wskazówka: mój testowy serwer sieci Web One-Liner

Aby korzystać z dowolnej struktury sieci, potrzebujesz lokalnego serwera sieci Web. Zawsze możesz przejść z pełnoprawną instalacją XAMPP Jak zainstalować serwer Windows Web na komputerze z XAMPP Jak zainstalować serwer Windows Web na komputerze z XAMPP, ale dla mnie to była przesada. Mój projekt nie miał żadnego kodu po stronie serwera do uruchomienia - wszystko, czego potrzebowałem, to podstawowy serwer HTTP. Python na ratunek:

python -m http.server

Ten jeden linijka wystarczy, aby uruchomić podstawowy serwer WWW pod Windows, z zainstalowanym Pythonem. Po prostu przejdź do katalogu zawierającego pliki, które chcesz udostępnić, uruchom to i presto:

Wypróbuj w następnym projekcie

Nawet jeśli jesteś całkowicie zadowolony z Bootstrap lub Foundation, poszerzanie horyzontów nigdy nie jest złym pomysłem. Gumby ma wiele do zaoferowania - wypróbuj go przy następnym projekcie i podziel się swoimi przemyśleniami poniżej.