Инженеры по разработке, использующие начальную загрузку, фронтальные разработчики, использующие фундамент . Давайте поговорим о том, почему.
Есть много ключевых различий между начальной загрузкой и фундаментом, но, я думаю, вам нужно вспомнить только одну вещь:
Две концепции дизайна Zurb и Twitter очень ясны, так как их можно увидеть из -за того, что их название их собственных фреймворков: начальная загрузка означает начальная загрузка, начальная загрузка, другими словами, он пытается справиться со всем, что вам нужно в вашем проекте. Фонд означает создание, создание, другими словами, он просто дает вам сильное творчество в вашем проекте.
Сохраняя эту точку зрения, теперь я перечисляю больше ключевых различий между ними:
1. Элементы пользовательского интерфейса
Foundation организует только несколько ограниченных элементов, в то время как Bootstrap дает вам все элементы, которые вы можете себе представить.
Цель дизайна Zurb для фонда состоит в том, что даже если вы используете предопределенные элементы пользовательского интерфейса, она не должна выглядеть слишком похоже на ваш сайт.
С другой стороны, Bootstrap пытается предоставить вам все определенные элементы пользовательского интерфейса.
2. Rems против пикселей
Фонд использует REMS, в то время как Bootstrap использует пиксели .
Использование пикселей означает, что вы должны точно определить высоту, ширину, внутреннюю маржу, внешнюю краю компонента, а также в каждом размере устройства и экрана, потому что разные устройства, как правило, имеют большую разницу в эффектах отображения.
Теперь Foundation 5 использует REMS, а не эм. Это позволяет избежать проблемы EM Cascade.
Использование REMS означает, что вы можете использовать размер шрифта: 80%; уменьшить весь компонент и его подкомпоненты на 20%.
Стоит отметить, что с помощью REMS вы можете избавиться от деталей пикселей, поэтому стоит использовать REMS для их обработки.
Фонд также предоставляет метод SASS -микшина для преобразования пикселей в REMS, чтобы вы могли продолжать использовать метод мышления пикселей для определения страниц:
.element {ширина: rem-calc (10px); // будет преобразован в rems}3. Гибкая сетка против предопределенной сетки
Сетка Фонда может автоматически адаптироваться к ширине текущего браузера. Boostrap предопределил несколько размеров сетки, чтобы адаптироваться к основным устройствам и экранам.
Bootstrap внезапно изменит свою сетку, когда вы измените ширину браузера.
Фонд гибко адаптируется к текущей ширине браузера. Это новый технический метод. При автоматической адаптации он может выполнять тот же эффект, что и трансформатор.
Фонд имеет два ключевых момента при изменении сетки: маленькая, средняя и большая. Все операции только уменьшены, увеличены и адаптированы к ширине текущего браузера. Предопределенные размеры экрана не требуются, и более важная причина в том, что вам рекомендуется определять различные стили на основе размера экрана.
Используя начальную загрузку, вы получаете фиксированную или коллекторную сетку, что означает, что вам необходимо установить или нет предопределенную ширину для контейнера сетки.
С помощью фундамента и SASS вы можете свободно отрегулировать размер самой большой сетки (автоматически рассчитывается средние и маленькие), количество столбцов для больших экранов и количество столбцов для небольших экранов.
4. Мобильные устройства предпочтительны, а также поддерживаются мобильные устройства.
Фонд был разработан с учетом любого экран с четырьмя углублениями. Bootstrap была разработана с предварительно разделенным: мобильные телефоны, планшеты, настольные компьютеры и настольные компьютеры с негабаритными экранами .
Создание мобильного сайта, который поддерживает мобильные устройства, означает, что он, безусловно, доступен на большем экране. Итак, Фонд призывает вас сделать это: мобильный первый.
Если вы используете Mixin Foundation Media Query Mixin, вы обнаружите, что нет конкретного медиа -запроса, чтобы запросить, что такое мобильное устройство, но вы используете медиа -запрос, чтобы определить, как его следует отображать на более крупном экране.
Если вы сначала рассмотрите настольные компьютеры при разработке вещей, вы можете столкнуться с большими проблемами при поддержке меньших экранов. Если вы сначала рассмотрите свой телефон, вы сосредоточитесь на том, что наиболее важно для пользователей, и увеличить чувство пространства.
5. Сообщество
Bootstrap имеет более широкое сообщество. А с фундаментом вы должны быть более самостоятельными.
Большая изюминка начальной загрузки - это сообщество. Это очень огромное, все включено, и вы можете найти практически все, что захотите.
Если вы выбираете фундамент, самостоятельность может быть чем-то, что вам нужно освоить. Почти все решения предназначены для начальной загрузки, и вы можете только построить свой собственный.
в заключение
Задайте себе несколько вопросов:
Вы хотите, чтобы что -то было более полезным или сделало его более реалистичным?
Вы хотите организовать свой собственный CSS и просто сделать его основным компонентом?
Ответы: Bootstrap. Фундамент .
Если вы все еще хотите учиться глубже, вы можете нажать здесь, чтобы изучить и прикрепить к вам 3 захватывающих тем:
Начальная учебник по обучению
Bootstrap Practical Rutorial
Учебное пособие по использованию плагина Bootstrap
Это интересное сравнение? Я надеюсь, что для всех будет полезно понять фронтальные рамки Bootstrap 3 и Foundation 5.