путаницы с использованием zurb foundation

Question

После многих проектов, пишущих мой собственный отзывчивый дизайн, я немного устал от этого, изучив популярные адаптивные системы, решил пойти с Zurb Foundation.

Сначала я отправился на css, чтобы перейти к загрузке. Затем я попытался использовать GEM, где я получил некоторое сопротивление, пытаясь разобраться в чем-то самостоятельно. Похоже, что документы не объясняют достаточно сценариев, они просто сырые документы.

Сначала я пропустил поиск всех классов, чтобы быстро находить объяснения, что-то вроде веб-сайта jquery.

Много googling и чтение, чтобы выяснить, мне нужно установить рубин на окна. Затем я решил, что мой веб-сервер также нуждается в рубине, но понял, что SASS - это просто препроцессор, поэтому он помогает мне писать и поддерживать лучший код на моей стороне :)

Вот некоторые другие проблемы, t выяснить, легко, без поиска Google для каждой вещи:

1) Я также создал Dreamweaver для открытия .scss-файлов. Затем каждый день я разрабатываю, мне нужно открыть рубиновый пульт, перейдите к директории проекта и поставьте: часы компаса. Теперь каждый раз я сохраняю каждую модификацию (так что я могу проверить браузер), dreamweaver выдает окно с сообщением: «файл был изменен за пределами Dreamweaver, .. вы хотите сохранить..blabla» - очень сильно enoying

2) Приложение app.scss содержит только много операторов @import. _settings.scss содержит код, который я могу изменить по умолчанию (это была моя основная причина использовать драгоценный камень, так как еще не SASS-гуру). Должен ли я раскомментировать какое-то заявление и изменить их в моих потребностях внутри _settings.scss, и я потеряю все эти изменения после того, как однажды я успешно обновляю zurb с помощью: gem update zurb-foundation? Если да, лучше ли создавать новый scss, который содержит все мои переопределения?

3) как создать новый .scss-файл, который должен переопределить некоторые значения по умолчанию, которые выполняет функция _settings.scss.

4) я должен переопределить app.css или _settings.scss

5) при смене топ-бар ссылки парить цвета, почему не они применяются ??? Пример: $ topbar-link-color-hover: #fff; (_settings.scss)

6) У меня не было папки/img или/images в моем проекте после ее создания. Следовательно, я создал один сам «/ images»

7) любые книги, которые можно купить на фундаменте 4 с множеством лучших практик и учебных пособий ???

Прошу прощения, но для меня, честно говоря, кажется, что много времени уделяет изучению самых основополагающих принципов для zurb. У меня большой опыт работы в проектах на C++, как в мобильных и настольных веб-проектах, поэтому я действительно не чувствую себя новичком, но это почти так, как будто я настаиваю на покупке поддержки

Answer 1

Сначала я начну с того, если вы новичок в фреймворках, попробуйте что-то, у которого есть тонна дополнительной документации, такой как Twitter-Bootstrap. Однако, поскольку вы решили использовать Foundation, вот ответы на ваши вопросы.

1) Установите компас, чтобы записать файлы в другой каталог, который Dreamweaver не наблюдает. Используйте прокси-сервер, такой как Charles Proxy, для прокси-сервера в файлах, когда вы разрабатываете локально. Это избавит вас от раздражающего, вы хотите сохранить это сообщение. Сделайте компиляцию файлов SCSS частью процесса сборки, прежде чем развертывать приложение, отличное от локального.

2) Да, прибл.В scss есть все операторы импорта. Некоторые из которых вы можете захотеть прокомментировать, если вы ищете необработанную скорость, просто fyi. С точки зрения переопределения вы можете использовать Миксины, которые предоставляются вам в других файлах. Button.scss, например, имеет некоторые фантастические кнопки mixins, которые позволяют вам не только создавать свое собственное чутье, но и наследовать большую часть Awesomeness Foundation. Другое дело, если вы заметили, как все переменные имеют значение по умолчанию. Это означает, что если они объявлены где-то в другом месте (сначала прочитайте импорт своей переменной), значение по умолчанию будет переопределено.

3) просто сделать файл и добавить его в качестве импорта до _settings.scss

4) app.scss имеет массу импорта для всех частей фундамента, некоторые вы, скорее всего, используя некоторые возможно, нет.

5) Нужно было бы увидеть скомпилированный CSS для этого, я думаю, что, не видя ничего, вы пропустили переменную.

6) Создано, потому что Compass искал его? Если вы не планируете использовать изображения или создавать спрайт (компас может создавать спрайты, которые являются УДИВИТЕЛЬНЫМИ), вы можете просто прокомментировать или удалить это из файла config.rb.

7) Не видели. В настоящее время Фонд имеет гораздо меньше сообщества, чем по сравнению с Bootstrap. Однако вы можете получить ногу, изучая SASS и SCSS, в этой части есть намного больше.