Если вы опытный веб-разработчик, вы знаете, что хороший фреймворк может творить чудеса для сроков проекта. Правильная структура позволяет вам создать красивый, быстро реагирующий веб-сайт практически мгновенно — и когда вы работаете с бюджетом на проект, это очень важно. Тем не менее, это не просто скорость: сеть постоянно развивается, а наличие прочной основы для вашего сайта облегчает поддержку в будущем. Вот почему вам нужен Gumby Framework .
Кто может подружиться с Гамби?
Чтобы дружить с Gumby, вам нужно, по крайней мере, иметь хорошие рабочие знания HTML и CSS — и некоторый JavaScript тоже не помешает. Но чтобы по-настоящему насладиться тем, что может предложить Гамби, вам нужно понимать Sass и иметь Node. и установить Ruby (хотя вам не нужно изучать Ruby изучать язык программирования Ruby изучать ). Для большинства веб-фреймворков Gumby предназначен в основном для разработчиков, которые уже знают, что они делают.
Если вы не кодер, не волнуйтесь! Эта статья может быть не для вас, но вы пропустили, не создав свой собственный сайт. пропускаете, не . Хорошая новость в том, что это не ракетостроение. Если вы хотите быстро собрать что-то вместе, WordPress — это очень универсальный вариант. , или вы можете использовать любой из этих методов без кодирования каких- каких- о создании сайта.
Слоны в комнате: Бутстрап и Фонд Зурба
Ни одно обсуждение веб-фреймворков не может быть полным без упоминания Twitter Bootstrap и (лучше, на мой взгляд) Zurb Foundation . Я не собираюсь сравнивать их все сегодня, потому что это было бы скучно — и более важно, потому что инструменты — это очень личный выбор.
Все три платформы являются семантическими, настраиваемыми, отзывчивыми, имеют обширные наборы пользовательского интерфейса и используют препроцессоры. Я попробовал все три, прежде чем остановиться на Гамби, и вы, вероятно, должны сделать то же самое. Кроме того, есть вероятность, что если вы работаете над любым уже существующим кодом, он будет использовать Bootstrap, поэтому вам все равно придется разбираться в Bootstrap.
Из опыта: от концепции до сайта за 3 дня
Мы скоро перейдем к списку вещей Gumby. Во-первых, суть: с помощью Gumby я смог перейти от грубого бумажного каркаса к полностью функционирующей, отзывчивой, красивой персональной домашней странице на одну страницу менее чем за 3 дня (не полные дни, заметьте). Прокрутка параллакса, навигационная панель, легкие вертикальные вкладки, которые хорошо работают на мобильных устройствах — с небольшим суетой по сравнению с предыдущим опытом .
Особенности Galore!
Вот удивительный факт: лучшее место, где можно узнать о функциях Gumby, — это раздел Gumby Feature . Сайт продает гораздо лучше, чем я мог бы продавать фреймворк, так что я не буду скучать по вам в бесконечном списке. Вот краткое изложение моей любимой тройки:
- Набор пользовательского интерфейса: вы получаете все необходимое для современного веб-приложения. Кнопки, индикаторы, навигация (липкая или нет, как вы хотите), а также включенный шрифт значка тоже.
- Переключатели и переключатели: щелкните элемент, чтобы переключить другой элемент (или группу других элементов). Это означает, что очень легко свернуть свои собственные вкладки, карусели изображений или все, что требует отображения и скрытия элементов. Подробнее о переключателях и переключателях здесь .
- Миксин Respond: Удивительно простой способ точно настроить Sass для достижения целевого разрешения. Хотите скрыть изображение, когда область просмотра падает до определенного размера? Нет проблем. Вместо этого загрузить другое изображение? Конечно. Изменить размеры шрифта? Ага. Читайте об ответе здесь . Вы можете увидеть это в действии, если зайдете на ezuk.org и измените ширину окна: обратите внимание, как просто исчезает верхний раздел и меняется стиль навигации.
Я выбрал эти черты из всех функций Gumby, которые я использовал, потому что они облегчают сложные вещи (особенно последние два).
Последний совет: мой однострочный тестовый веб-сервер
Чтобы использовать любой веб-фреймворк, вам понадобится локальный веб-сервер. Вы всегда можете пойти с полной установкой XAMPP , но для меня это было излишним. В моем проекте не было ни одного серверного кода для запуска — все, что мне было нужно, — это базовый HTTP-сервер. Python на помощь:
python -m http.server
Эта единственная строка — все, что нужно для запуска элементарного веб-сервера под Windows с установленным Python. Просто перейдите в каталог, содержащий файлы, которые вы хотите обслуживать, запустите это и presto: 
Попробуйте это на вашем следующем проекте
Даже если вы совершенно довольны Bootstrap или Foundation, расширение горизонтов никогда не будет плохой идеей. У Гамби есть что предложить — попробуйте это в вашем следующем проекте и поделитесь своими мыслями ниже.