SIMAI: Framework
SIMAI Framework - это набор технологий, инструментов и принципов позволяющий быстро и качественно разрабатывать интернет проекты на базе платформы «1С-Битрикс».
Данная технология была создана в компании «Симай» в 2013 году как средство для оптимизации разработки интернет проектов и в последующее время претерпело значительное изменение став единой и гибкой платформой позволяющей создавать и сопровождать сайты любого уровня сложности.
Основное предназначение SIMAI Framework - быстрая и качественная разработка решений и их сопровождение. Данная технология позволяет квалифицированным клиентам и разработчикам легко дорабатывать решения под свои нужны.
Что входит в SIMAI Framework:
- Гибкий шаблон сайта с широкими возможностями изменения внешнего вида с помощью настроек и подключения 4-х типов включаемых областей.
- Система настройки сайта и использование этих данных для автоматического отображения данных для целого ряда компонентов.
- Структурированный набор стилей и скриптов с автоматизированной системой подключения, позволяющие реализовать широкий набор элементов интерфейса сайта.
- CSS помощники, позволяющие быстро изменять внешний вид элементов интерфейса без изменения стилей сайта https://github.com/simai/helpers.
- Набор настроек структуры сайта, позволяющие включать и отключать заголовок, навигационную цепочку, колонки сайта.
- Отдельные компоненты хедера и футера, позволяющие гибко менять внешний вид сайта без вмешательства в шаблон сайта.
- Широкий набор динамических компонентов позволяющих решать различные задачи.
История изменений:
Версия 1.0
Версия 2.0
- SIMAI: Framework стал составной частью решении без выделения в отдельный модуль.
- Bootstrap обновлен до версии 3.
- Новая версия базового шаблона. Более 200 различных готовых блоков для формирования страниц сайта.
- Настройка режима отображения сайта (на всю ширину или в боксе).
- Установка базовой ширины левой, правой колонок и центральной части через настройки решения.
- Стандартизирована структура шаблона сайта. Данная структура позволяет широко менять внешний вид сайта без изменения самого шаблона сайта.
- Возможность настройки отображения колонок через свойства раздела.
- Подготовлено более 100 готовых шаблонов компонентов.
- Интегрирована версия для слабовидящих.
- Создана первая версия CSS помощников. Для быстрого изменения внешнего вида без изменения таблицы стилей.
Версия 2.5
- Создана единая структура хранения стилей и скриптов фреймворка.
- Автоматизирована система подключения стилей и скриптов фреймворка. Позволяет изменять порядок и возможность подключения путем изменения название файла.
- Переработан шаблон сайта. Изменена структура данных. Появилась возможность подключения дополнительных включаемых областей (верхняя, нижняя, левая и правая) как для раздела, так и для страниц.
- Хедер и футер сайта вынесены в отдельные компоненты. Это позволяет менять внешний вид сайта в режиме многосайтовости или для различных разделов без изменения шаблона сайта.
- Создан центр настройки решения. В одном месте можно гибко менять внешний вид сайта, реквизиты, социальные сети и подключать скрипты без необходимости вмешательства в шаблоны решения.
- Подключаемые области вынесены в папку /include/. В режиме многосайтовости это позволяет иметь единый шаблон но разные подключаемые области.
- Файлы для оформления разделены на системные (хранящиеся в шаблоне сайта) и пользовательские (хранящиеся в папке /imarges/) это позволяет менять оформление в режиме многосайтовости без изменения шаблона сайта.
- Подготовлены готовые наборы для изменения базового цвета, фона хедера, футера и самого сайта. Возможность комбинирования фона на основе прозрачных паттернов и цвета. Гибкие режимы отображения фона (повторение, на весь экран).
- Добавлено автоматическая настройка некоторых настроек «1С-Битрикс» (название, email) сразу во всех необходимых местах.
- Автоматическая установка названия и логотипа сайта на основе настроек решения. Размер шрифта названия сайта автоматический подбирается исходя из длины слова.
- Автоматическое отображение контактов во всех нужных местах на основе настроек решения. Автоматическое формирование карты. Возможность добавления филиалов.
- Автоматическая подготовка виджетов и кнопок для социальных сетей на основе настроек.
- Подготовлен компонент фотогалереи с множественной загрузкой и автоматическим уменьшением размеров загружаемых изображений.
- Адаптивные кнопки расшаривания контента. В десктопной версии показывает счетчиком количество расшариваний для каждого типа социальной сети.
- Добавлена микроразметки opengraph и breadcrumbs для Google.
- Добавлен механизм сообщения об ошибке. Если выделить текст и нажать CTR+Enter, то выйдет специальная форма, которая отправит сообщение администратору сайта и сохранит информацию в специальном инфоблоке.
- Сильно переработаны и дополнены CSS помощники.
- В CSS помощники добавлены цвета Material Design.
- Улучшена работа сайта в режиме версии для слабовидящих.
- Подготовлены снипеты для быстрой и правильной вставки таблиц и списков.
Версия 2.6
- Изменен шаблон сайта. Часть данных вынесена в отложенные функции. Это позволяет менять режим отображения колонок, заголовка, навигационной цепочки не только для разделов но и для отдельных файлов или динамических страниц.
- Полностью переработан компонент баннера для главной страницы.
Версия 3.0
- Полностью переработаны стили и скрипты визуальных компонентов. Переход на концепцию БЭМ.
- Визуальная составляющая подготовлена на принципах Material Design.
- Использование SVG в качестве иконок.
- Принято соглашение о наименовании. Переход к единым стандартам именования html блоков и стилей.
- Разработана новая структура шаблона с учетом БЭМ и соглашения о наименовании.
- Подготовлен компонент для оперативной работы со статическими блоками. simai.block.static
- Подготовлена система работы с модальными окнами и системами уведомлений.