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

Компоненты

Многие слышали о BEM, OOCSS, WebComponents, Components и др. Мы решили взять из этих технологий все лучшее и воплотить это в наших компонетах.

Компонент — это отдельная, абстрагированная сущность, с определенным API (который задается в конфиге компонента) которая может содержать любой набор ассетов (css, js, tpl, images и т.д.) и без проблем использоваться в различных проектах.

Благодаря компонентам, теперь, в большинстве случаев, не придется адаптировать плагины под шаблоны. Так же внедрение компонентов позволила избавиться от уймы дублированного кода, который замедлял разработку шаблонов.

Компоненты могут размещаться в папке фронтенда (application/frontend/components), в шаблоне и в плагине, как на уровне приложения, так и на уровне фреймворка. При этом если компонент размещен в папке приложения, он может независимо использоваться как в плагине, так и в шаблоне. Так же поддерживается переопределение компонентов, например компонент в папке с шаблоном переопределяет компонент из папки фронтенда с тем же именем.

Большая часть js кода полностью переписана и оформлена в виде виджетов библиотеки Widget Factory. Многие вендорные библиотеки обернуты в виджет, это позволит без проблем заменить их при желании на какую-нибудь другую библиотеку, сохранив работоспособность шаблона и плагинов.

Небольшой пример использования компонентов:

Подключаем компонент через конфиг (при этом подгрузятся все компоненты необходимые для работы указанного компонента):

$config['components'] = array( ..., 'button');

Это подключит все скрипты и стили компонента. И теперь с помощью спец функции smarty component добавляем кнопку в шаблон:

{component 'button' mods='primary' text='Отправить'}

В ближайшее время будет написана подробная документация по использованию компонентов.

Bootstrap

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

• В большинстве js библиотек бутстрапа нет нужного для LS функционала
• В js библиотеках бутстрапа идет жесткая привязка к классам которые отвечают за оформление
• В компонентах планируется добавить BEM подобное именование классов (и частично уже добавлено), которое позволит избежать конфликтов между плагинами/шаблонами, в бутстрапе же используется обычное именование
• Бутстрап официально не поддерживает вендорные библиотеки, т.е. возможны конфликты с множеством подключаемых в LS библиотек (как минимум из за глобально border-box)
• Док-ия бутстрапа, которая по идеи должна быть плюсом перехода, по большей части окажется бесполезной, т.к. разработчикам плагинов/шаблонов/приложений придется все равно смотреть специфичную док-ию ls компонентов (которую придется писать даже при переходе на бутстрап)
• Обновление бутстрапа (которое мы не можем контролировать и которое отвечает за базовое оформление) может сломать многие шаблоны
• В базовых компонентах (кнопках, алертах итд) будут отсутствовать ассеты, т.к. они будут подключаться вместе с бутстрапом, что не удобно при разработке

После всего этого остается несколько базовых бутстрап-компонентов/стилей (типографика, хелперы, лэйблы итд) которые можно использовать в ls-компонентах, но стоит ли ради них подключать весь фреймворк? Предлагаем пользователям высказать свое мнение по этому поводу в комментариях.

Оформление, Юзабилити и Функционал

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

• Внешний вид шаблона developer был полностью обновлен и стал более легким и современным
• Переделана страница блога и пользователей
• Удобный аякс поиск по пользователям и блогам
• Добавлен новый загрузчик медиа-файлов, который был написан полностью с нуля и позволяет загружать и управлять любыми файлами (сейчас поддерживается загрузка только изображений, но с помощью плагинов можно будет добавить любой другой тип файлов).
• Рейтинговая система упрощена и работает по аналогии с плагином SimpleRating
• Превью-изображение для топика
• Стена теперь выводится на странице профиля
• Переделана загрузка фотографии/аватары у пользователей и блогов

Что планируется

• Отзывчивый дизайн
  Сайт будет нормально отображаться на всех мобильных устройствах.
• Поддержка RTL языков компонентами
• Доступность компонентов
  Пользователи с ограниченными возможностями смогут без труда пользоваться сайтом.
• Документация к компонентам
  Каждому компоненту будет написана подробная док-ия, которую можно будет просмотреть в спец. плагине, таким образом у каждого шаблона будет готовый styleguide, который можно будет использовать при разработке шаблона и плагинов.
• Визуальный редактор
• Шаблон Synio
  Дефолтный шаблон из LS 1.0.3 с немного обновленным под современный лад дизайном будет сделан ближе к релизу.
• Переход на SASS
  Переход на препроцессор планируется, но в новой версии, скорее всего, будет все еще использоваться чистый CSS.