» » Foundation (Фундамент ) от ZURB, отличный CSS-фреймворк

Foundation (Фундамент ) от ZURB, отличный CSS-фреймворк

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

При разработке сайтов информационной направленности хочется их сделать как можно быстрей и тут на помощь приходят готовые инструменты. Набор инструментов для создания сайтов и веб-приложений – CSS-фреймворк. Включает в себя HTML и CSS шаблоны оформления для типографики, веб-форм, кнопок, блоков навигации и прочих компонентов веб-интерфейсов, включая javascript расширения для организации переключателей, слайдера и фотогалереи. Самым популярным точно можно назвать Twitter Bootstrap пишут, говорят и используют его многие. Мне приходилось с ним работать пару раз, но особой тяги к нему не возникло.

Год назад мне попался CSS-фреймворк Foundation (Фундамент). При первом знакомстве в глаза бросилась очень качественная документация, которая описывала все моменты Фундамента, возможность собрать свой пакет и поддержка sass. Качественная документация хорошо отразила возможности продукта, поэтому я решил использовать его в одном из крупных проектов.

Foundation (Фундамент ) от ZURB, отличный CSS-фреймворк

Проект этот был информационным порталом, который поддерживается нами и сегодня. Сайт включал в себя множество разделов с публикациями, с большим разделов фотографий и раздел с видео материалы. Специализированные разделы, где на каждой странице располагались динамическая карта, несколько переключателей и кнопок, текстовая информация, множество фотографий и все это комментируется пользователями. Также обязательным требованием является полная поддержка Internet Explorer 8 (IE8) и наличие адаптивной верстки, чтобы реализовать мобильную версию сайта. Поддержка IE8, это главная печаль для проекта, пришлось пожертвовать скоростью и модными фишками, чтобы обеспечить полную поддержку во всех местах. Также IE8 наложил ограничение на использование последней версии Фундамента. Пятая версия Фундамента использует для своей работы jQuery 2+, поэтому пришлось взять прошлую версию. Несмотря на использование устаревшей версии, это сказалось только на скорости работы сайта на мобильных устройствах. Особых проблем при верстке с использованием фундамента выявлено не было, а готовый набор JS библиотек для создания интерактивных элементов хорошо работает во всех нужных браузерах и на мобильных устройствах.

Было обнаружено несколько некритических ошибок в работе JS модулей, которые были исправлены своими руками. Поддержка Фундамента на информацию об ошибках реагирует вяло, удалось только достучаться до разработчиков по электронной почте, чтобы убедиться в том, что они меня услышали и примут к исправлению.

Если вам нужна простая документация, большой набор готовых элементов для создания сайта и все это хочется, увидеть на мобильных устройствах, то фундамент решает эти проблемы на пять баллов, как и Bootstrap, но дальше дело вкуса и привычек. 

Другие публикации по теме:

Комментарии