Gumby Веб-фреймворк, который заслуживает больше любви

Если вы опытный веб-разработчик, вы знаете, что хороший фреймворк может творить чудеса для сроков проекта. Правильная структура позволяет вам создать красивый, быстро реагирующий веб-сайт практически мгновенно - и когда вы работаете с бюджетом на проект, это очень важно. Тем не менее, это не просто скорость: сеть постоянно развивается, а наличие прочной основы для вашего сайта облегчает поддержку в будущем. Вот почему вам нужен Gumby Framework.

Кто может подружиться с Гамби?

Чтобы дружить с Gumby, вам нужно, по крайней мере, иметь хорошие рабочие знания HTML и CSS - и некоторый JavaScript тоже не помешает. Но чтобы по-настоящему насладиться тем, что может предложить Гамби, вам нужно понимать Sass и иметь Node. Что такое Node.JS и почему мне это важно? [Веб-разработка] Что такое Node.JS и почему меня это должно волновать? [Веб-разработка] JavaScript - это просто клиентский язык программирования, который работает в браузере, верно? Уже нет. Node.js - это способ запуска JavaScript на сервере; но это намного больше. Если ... и Ruby установлен (хотя вам не нужно изучать Ruby 3 Interactive, Fun, Free Ways, чтобы начать изучение языка программирования Ruby 3. Interactive, Fun, Free Ways, чтобы начать изучение языка программирования Ruby Ruby является выразительным, очень высоким Уровень языка сценариев. Он используется в Интернете в основном как часть среды веб-разработки Ruby on Rails, но также и автономно. Если вам интересно, что такое Ruby (не…). Как и большинство веб-сред, Gumby предназначен в основном для для разработчиков, которые уже знают, что они делают.

Если вы не кодер, не волнуйтесь! Эта статья может быть не для вас, но вы пропустили, не создав свой собственный сайт. Вы пропускаете, не создавая персональный сайт: опровергая 6 мифов, которые вы упускаете, не создавая персональный сайт: опровергая 6 мифов Вы когда-нибудь задумывались о том, чтобы иметь личный сайт? Вы знаете - место, куда люди могут пойти, чтобы прочитать о том, кто вы есть, что вы делаете, ваши цели и стремления, и, конечно, связаться ... Хорошая новость в том, что это не ракетостроение. Если вы хотите быстро собрать что-то вместе, WordPress - это очень универсальный вариант, или вы можете использовать любой из этих методов без кодирования. Как создать свой собственный сайт за считанные минуты без навыков кодирования Как создать свой собственный сайт за считанные минуты без Любые навыки кодирования По мере роста и невероятно быстрого роста Интернета потребность в присутствии в сети становится все более насущной. Во многих частях мира вам просто необходимо иметь веб-сайт для того, чтобы ... сделать сайт.

Слоны в комнате: Бутстрап и Фонд Зурба

Ни одно обсуждение веб-фреймворков не может быть полным без упоминания Twitter Bootstrap и (лучше, на мой взгляд) Zurb Foundation. Я не собираюсь сравнивать их все сегодня, потому что это будет скучно - и что более важно, потому что инструменты - это очень личный выбор.

Все три платформы являются семантическими, настраиваемыми, отзывчивыми, имеют обширные наборы пользовательского интерфейса и используют препроцессоры. Я попробовал все три, прежде чем остановиться на Гамби, и вы, вероятно, должны сделать то же самое. Кроме того, есть вероятность, что если вы работаете над любым уже существующим кодом, он будет использовать Bootstrap, поэтому вам все равно придется разбираться в Bootstrap.

Из опыта: от концепции до сайта за 3 дня

Мы скоро перейдем к списку вещей Gumby. Во-первых, суть: с помощью Gumby я смог перейти от грубого бумажного каркаса к полностью функционирующей, отзывчивой, красивой персональной домашней странице на одну страницу менее чем за 3 дня (не полные дни, заметьте). Прокрутка параллакса, навигационная панель, легкие вертикальные вкладки, которые хорошо работают на мобильных устройствах - с небольшим суетой по сравнению с предыдущим опытом.

Особенности Galore!

Вот удивительный факт: лучшее место, где можно узнать о функциях Gumby, - это раздел Gumby Feature. Сайт продает гораздо лучше, чем я мог бы продавать фреймворк, так что я не буду скучать по вам в бесконечном списке. Вот краткое изложение моей любимой тройки:

• Комплект пользовательского интерфейса: Вы получаете все необходимое для современного веб-приложения. Кнопки, индикаторы, навигация (липкая или нет, как вы хотите), а также включенный шрифт значка.
• Тумблеры и переключатели: Щелкните элемент, чтобы переключить другой элемент (или группу других элементов). Это означает, что это очень легко катить свои собственные вкладки, карусели изображений, или что-нибудь, что требует показа и скрытия элементов. о тумблерах и переключателях здесь.
• Ответный миксин: Чудесно простой способ точно настроить Sass для достижения целевого разрешения. Хотите скрыть изображение, когда область просмотра падает до определенного размера? Нет проблем. Вместо этого загрузить другое изображение? Конечно. Изменить размеры шрифта? Ага. Читайте об ответе здесь. Вы можете увидеть это в действии, если зайдете на ezuk.org и измените ширину окна: обратите внимание, как просто исчезает верхний раздел и меняется стиль навигации.

Я выбрал те из всех функций Gumby, которые я использовал, потому что они облегчают сложные вещи (особенно последние два).

Последний совет: мой однострочный тестовый веб-сервер

Чтобы использовать любой веб-фреймворк, вам понадобится локальный веб-сервер. Вы всегда можете пойти с полной установкой XAMPP Как установить веб-сервер Windows на свой компьютер с XAMPP Как установить веб-сервер Windows на свой компьютер с XAMPP, но для меня это было излишним. В моем проекте не было ни одного серверного кода для запуска - все, что мне было нужно, - это базовый HTTP-сервер. Python на помощь:

python -m http.server

Эта единственная строка - все, что нужно для запуска элементарного веб-сервера под Windows с установленным Python. Просто перейдите в каталог, содержащий файлы, которые вы хотите обслуживать, запустите это и presto:

Попробуйте это на вашем следующем проекте

Даже если вы совершенно довольны Bootstrap или Foundation, расширение горизонтов никогда не будет плохой идеей. У Gumby есть что предложить - попробуйте это в вашем следующем проекте и поделитесь своими мыслями ниже.