В последние годы интерфейсные среды помогли веб-разработчикам улучшить согласованность дизайна и поддерживать мобильность в современном адаптивном мире Интернета. Платформа Twitter Bootstrap быстро стала единодушным фаворитом благодаря большому сообществу, сильной поддержке разработчиков и первоклассной совместимости.
Несмотря на такой успех, многие на арене веб-дизайна соскочили с корабля для относительного новичка.
Foundation , основа интерфейса от хороших людей в Zurb, предлагает обширный пакет инструментов веб-дизайна, похожих на Bootstrap, с несколькими заметными отличиями, которые оказались неотразимыми для некоторых. После этого давайте углубимся и рассмотрим ключевые факторы, которые соблазнили многих из самого популярного проекта GitHub.
1. Имейте это по-своему
Одна из самых распространенных претензий к Bootstrap — это грубый подход к дизайну. Этот удар по нему можно легко отнести к ошеломляющему успеху платформы. Bootstrap предоставил CSS-решение для макета, которое прекрасно работает из коробки с очень профессиональными результатами. Проблема в том, что настройка базового CSS за пределы простых изменений цвета может быть довольно неприятным опытом. Таким образом, веб-дизайн, управляемый Bootstrap, часто выглядит очень похожим, если не совсем одинаковым.
Фонд, с другой стороны, гораздо менее самоуверен в дизайне с самого начала. Для веб-разработчиков это означает меньше «отмены» стилей по умолчанию и больше внимания уделяется тонкой настройке внешнего вида сайта.
2. Мобильность единомышленников
Bootstrap нашел свой путь в этот мир благодаря небольшой команде разработчиков в Twitter, которая искала лучший способ поделиться общими шаблонами проектирования среди внутренних членов команды. Для сравнения, Фонд был основан на предпосылке гибкой мобильности.
Команда Zurb с самого начала осознала тенденцию мобильного просмотра и поставила перед собой задачу создать расширяемую среду CSS, которая одинаково хорошо масштабировалась бы на множестве устройств, размеров экрана и разрешений. Те, кто тратит сколько угодно времени на разработку мобильных сайтов, обнаружат, что подход Foundation «mobile first» облегчает разработку на маленьком экране. Кроме того, следует отметить, что Foundation имеет меньшую площадь благодаря большей части использования меньших файлов JavaScript, о которых мы расскажем чуть позже.
3. SASS
Тема SASS vs LESS может легко перерасти в аргумент мнений. По этой причине мы не стремимся найти эмпирический ответ о том, что лучше, а скорее обсуждаем, почему использование SASS Фондом может оказаться полезным для веб-разработчиков.
Использование CSS-помощников отнимает много усилий при создании шаблонов стилей. К сожалению, побочным продуктом такой оптимизации является автоматически создаваемая лишняя разметка. Пользователи SASS могут пользоваться возможностями CSS-авторинга проекта Compass . Известные причины для использования Compass включают более чистую разметку и автоматические обновления mixin, которые облегчают обслуживание шаблонов проектирования.
4. Zepto
Основываясь на мобильности, Foundation использует библиотеку Zepto вместо полноценного jQuery, реализованного Bootstrap. При сжатии Zepto весит менее 10 КБ, что означает более быстрое время загрузки и уменьшение использования полосы пропускания в мобильных тарифных планах.
Хотя это может быть правдой, что Zepto является подмножеством jQuery, он поддерживает совместимость с большинством обычно используемых API. Для тех, у кого нет неясных потребностей в jQuery, Zepto предлагает простую и эффективную библиотеку JavaScript, превосходную на мобильных устройствах. Возможно, стоит упомянуть, что совместимость Zepto с IE меньше, чем звездная по сравнению с jQuery. Если браузер Microsoft отвечает за большую часть вашего трафика, могут возникнуть проблемы.
5. Совместимость с Zurb Suite
Фреймворк Foundation не является единственной претензией Зурба на известность. На самом деле, это может быть даже не самый заметный продукт. Его корни прочно укоренились в консультациях по дизайну, Zurb имеет большой опыт разработки передовых инструментов веб-дизайна, таких как популярное приложение обратной связи Notable и сенсорный тестер оптимизации под названием Plunk. Zurb также сделал себе имя, создавая высококачественные плагины JavaScript и загружаемые инструменты под видом «экспериментов». Для веб-дизайнеров, уже знакомых с «экспериментами» веб-дизайна Zurb, найденными на их игровой площадке , Foundation становится чрезвычайно расширяемой платформой для веб-дизайна.
Там у вас есть это.
Очевидно, что Zurb’s Foundation — лучшая из доступных интерфейсных платформ, и каждый, кто хоть немного занимается веб-дизайном, должен его использовать.
Не говоря уже о сарказме, умные люди в штаб-квартире Zurb создали замечательный инструмент для создания основы веб-дизайна на основе сетки.
Из вышеприведенных пунктов становится очевидным, что Foundation отличает себя от Bootstrap, оставаясь более независимым от дизайна, в то же время сосредотачиваясь на гибкой мобильной веб-разработке. Добавьте к этому многократно используемые миксины, семантические сетки и более чистую разметку, и вы поймете, почему многие перешли с Bootstrap в Twitter.
И эй, это бесплатно, так почему бы не попробовать и решить для себя?