1. Блог
  2. Адаптивность из коробки

    Адаптивность из коробки

    MAGIC как метод адаптивности сайта под любые устройства. Чем меньше - тем лучше, по-этому мы призвали "магию" для решения этой задачи.

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

    Приведем несколько фактов:
    1. Нагромождение HTML шаблона классами, что утяжеляет шаблон и ухудшает его читаемость;
    2. Непомерно большой набор CSS и JS файлов которые не добавляют сайту скорости;
    3. Отсутствие гибкости и зависимость, что заставляет привлекать разработчиков для внесения даже мелких правок в шаблон.

    Кто-то скажет - ну всего 3 пункта, но это очень критичные 3 пункта, серьезно влияющие на скорость загрузки сайта и скорость внесения правок в шаблон.

    MAGIC - это часть ядра платформы представляющая из себя набор небольших модулей CSS, JS и PHP которые работают с инструкциями HTML шаблона и превращают любой блок в адаптивный под любые устройства отдавая на выходе практический чистый HTML код.

    Данный метод был разработан в недрах студии LeoCRAFT Digital, применяется пока только в платформе TRONE Engine и постоянно развивается.

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

    Вот так выглядит исходный код сайта, если вы захотите его посмотреть:


    Стоит добавить еще то, что мы стараемся минимизировать подключение дополнительных файлов и библиотек, собирая практически весь сайт на стороне сервера и включаем CSS и JS внутрь готового HTML.

    Хотите больше информации?
    перезвоните мне
    Created on the TRONE Engine by LeoCRAFT Digital