Страница 1 из 2

phpBB 4.0 Triton: стиль

Добавлено: 06.10.2019 13:00
rxu
phpBB 4.0 Proteus должен получить абсолютно новый основной стиль (для замены prosilver), который не базируется ни на одном из предыдущих и несовместим с любыми другими, применяемыми в настоящее время в phpBB.

Название нового стиля: Chameleon.

Исходный код: https://github.com/hanakin/chameleon
https://github.com/phpbb/chameleon

Ход разработки и примеры страниц (только демо-просмотр страниц, функционал phpBB не работает!):
https://codepen.io/collection/Drjrjx/

Главная страница: https://codepen.io/hanakin/full/jybzBY
Список подфорумов и тем: https://codepen.io/hanakin/full/jONZVxV
Список сообщений темы: https://codepen.io/hanakin/full/dNVWmm
Форма ответа: https://codepen.io/hanakin/full/QPeoWd

Как выглядит новый стиль (скриншоты):
Скрытый текст
screencapture-s-codepen-io-hanakin-debug-jvvGLj-yYryLOVYaaQM-2018-09-16-16_00_19.png
хамелеон1.png
хамелеон2.png
хамелеон4.png
хамелеон3.png

Re: phpBB 4.0 Proteus: стиль

Добавлено: 06.10.2019 13:13
Татьяна5
Flexbox'ы, svg... По-моему неплохо

Re: phpBB 4.0 Proteus: стиль

Добавлено: 06.10.2019 13:17
rxu
Только лично мне совсем неясно пока, что будет с расширениями и куда денутся все теперешние события шаблона.
Боюсь, что простым смертным расширения, затрагивающие шаблон, станут не по зубам.

Re: phpBB 4.0 Proteus: стиль

Добавлено: 06.10.2019 13:24
Татьяна5
Flexbox'ы от float'ов ничем принципиально не отличаются. По-моему, они наоборот попроще в работе

Отправлено спустя 53 секунды:
rxu писал(а): 06.10.2019 13:17 куда денутся все теперешние события шаблона
Twig на серверной стороне останется?

Re: phpBB 4.0 Proteus: стиль

Добавлено: 06.10.2019 13:44
rxu
Татьяна5 писал(а): 06.10.2019 13:24 Twig на серверной стороне останется?
Да. Там по исходному коду видно. Например

https://github.com/phpbb/chameleon/blob ... nline.twig

Re: phpBB 4.0 Proteus: стиль

Добавлено: 06.10.2019 14:34
Nekstati
Это движение в правильном направлении. Вот только стиль сам по себе, без серьёзных изменений в UX, яйца выеденного не будет стоить, т.к. похожие стили уже есть.
rxu писал(а): 06.10.2019 13:17 куда денутся все теперешние события шаблона
Там теперь все элементы имеют уникальные классы и ID, никаких больше безымянных тэгов. Поэтому очень легко модифицировать DOM, например через JavaScript. Шаблонные события для этого совсем не нужны - получаем любой DOM-узел по классу/ID и делаем с ним что угодно. Как вариант, можно делать то же самое на стороне сервера (парсинг DOM на стороне сервера уже используется в phpBB - для обработки ББ-кодов). Но это просто мои мечты. Ужасно, если опять напихают событий, которых будет вечно не хватать.

P.S. Возможно, и сам TWIG умет работать с DOM (я не в курсе).

Re: phpBB 4.0 Proteus: стиль

Добавлено: 26.10.2019 23:28
Evangelion
rxu писал(а): 06.10.2019 13:00 phpBB 4.0 Proteus должен получить абсолютно новый основной стиль (для замены prosilver)
Просильвера вовсе не будет, или ещё пока неизвестно?

Re: phpBB 4.0 Proteus: стиль

Добавлено: 27.10.2019 0:13
hd321kbps
А где можно посмотреть, как будет выглядеть новый стиль админ панели?

Re: phpBB 4.0 Proteus: стиль

Добавлено: 27.10.2019 2:01
Evangelion
hd321kbps, рядом ведь тема phpBB 4.0 Proteus

Re: phpBB 4.0 Triton: стиль

Добавлено: 11.01.2020 22:51
Webliberty
Читал сегодня тему на Area51 про ход разработки нового стиля Chameleon для phpBB 4.0 Triton и немного был разочарован в ожиданиях. Идет обсуждение сделать стиль без разбивки тем на страницы. Рассматривают вариант с добавлением вертикального ползунка как на форумах под управлением Discourse. Еще на обновленных форумах Blizzard такая же петрушка :|

Уж очень хочется поскорее увидеть хотя бы бета-версию phpBB 4.0 и новый стиль!

Re: phpBB 4.0 Triton: стиль

Добавлено: 23.04.2020 6:15
rxu
Вместо FontAwesome будет использована библиотека Iconify и SVG иконки. Фактически она является агрегатором других наборов иконок. В данной библиотеке доступны все иконки FontAwesome и еще огромное количество других иконок из других библиотек (всего более 50 000 изображений) https://iconify.design/icon-sets/.

Скриншоты есть здесь https://github.com/phpbb/phpbb/pull/5753

Re: phpBB 4.0 Triton: стиль

Добавлено: 23.04.2020 10:30
Webliberty
Лучше бы вообще никаких библиотек не использовать, только SVG иконки.

Re: phpBB 4.0 Triton: стиль

Добавлено: 23.04.2020 10:44
rxu
Это как? Опять скопировать полтора десятка изображений и использовать их напрямую? :) И каждый раз, когда ядру или расширению нужна новая иконка, копировать ее сюда и жестко прописывать в коде?
Мда.
SVG иконки - они и в Африке SVG. Хоть из набора, хоть нет.

Re: phpBB 4.0 Triton: стиль

Добавлено: 23.04.2020 12:13
Webliberty
Пусть полтора десятка изображений будет, ничего страшного. Сейчас есть некоторые расширения, которые используют шрифты FA, если в ядре появятся другая библиотека, то эти расширения могут перестать работать должным образом или возможен такой вариант, что будут загружаться обе библиотеки FA и Iconify параллельно.

Зачем копировать сюда, пусть она в файлах расширения находится и прописана также в css бэкграундом, например. Зато все будет четко и понятно, ничего лишнего. А уж если для ядра сделают SVG спрайт с набором иконок, то вообще просто конфетка будет :)

Мне бы хотелось, чтобы новый стиль был более оптимизирован в плане сокращения кода и повышения производительности. Те же css стили зачем-то разбиты на несколько файлов, если можно все в одном прописать, да много подобных предложений можно внести. Это всего лишь мои мечты)

Re: phpBB 4.0 Triton: стиль

Добавлено: 23.04.2020 12:15
rxu
Webliberty писал(а): 23.04.2020 12:13 будут загружаться обе библиотеки FA и Iconify параллельно.
Они не загружаются параллельно. Первое-часть второго.

Отправлено спустя 1 минуту 42 секунды:
Webliberty писал(а): 23.04.2020 12:13 А уж если для ядра сделают SVG спрайт с набором иконок, то вообще просто конфетка будет
Это шляпа будет. Зачем нужен ограниченный набор иконок, каждую из которых можно использовать только в одном конкретном месте и больше нигде, а для дополнения надо переделывать этот спрайт целиком, если есть нормальные универсальные решения с огромным выбором вариантов.

Отправлено спустя 1 минуту 8 секунд:
Webliberty писал(а): 23.04.2020 12:13 оптимизирован в плане сокращения кода и повышения производительности
С какой целью? Переехать на i286 и 16 кБ памяти, или что?