Report

В общем свежая безумная идея сделать интерфейс на VPU(view port units) таким образом чтобы избежать media queries.
Сейчас сделано определение мобильной версии браузера и на CSS4 vars сделаны переключатели масштаба элементов интерфейса.
Поскольку дизайн полностью масштабируется под размер окна и не нужны ни какие костыли и сетки, я хочу добавить в свой фреймворк такую опцию, как автоматическая генерация Android приложения, которое бы работало на Web View. У нас уже везде webkit и можно было бы сделать заготовку приложения, которая бы скрывала строку ввода адреса браузера, но оставляла возможность поменять URL, на который обращается приложение.
Я не пишу под андроид и мне бы очень не помешал пример такого приложения с возможностью на сервере через PHP поменять иконку и URL.
Интерфейс у меня написан полностью динамический на ECMA Script fetch и вместе с SVG графикой весит примерно 300Кб не сжатого сервером кода, что гораздо лучше, чем разрабатывать отдельное приложение для mobile web.
Мой проект RevolveR CMF: https://revolvercmf.ru/ (сайт сообщества, на котором пока ни чего нет - просто чтобы протестировать интерфейс на VPU и SPAx).
Видео обзор системы: 
 
 
Дистрибутив для установки вот здесь: https://github.com/Full-Rx/RevolveR-framework/releases/tag/1.9.2.x
Группа на facebook тут: https://www.facebook.com/groups/331465761595917
Фреймворк позиционируется, как замена Drupal и предоставляет широкий спектр функций для создания сайта сообщества.
Интерфейс написан самостоятельный с чистого листа на ECMA Script 7, а backend реализован на PHP SPL 7.4. Для базы данных реализован мощный кэш с шифрованием и система оптимизирована под высокие нагрузки.
Сам интерфейс легко меняется с помощью CSS, что позволяет не сильно модифицировать шаблон при создании своей темы оформления.
Хочу подсказать как лучше реализовать View Port Unit интерфейс, который сейчас работает через calc просто подменяя значение переменной для масштабирования элементов под мобильные устройства. Дело в том, что сейчас уже не нужны ни какие media queries и grids(сетки), а также нет нужды во flex-box так как VPU прекрасно позволяют реализовывать интерфейс для любых дисплеев так, что он смотрится одинокого, как это сделано в операционной системе Windows, например.
 
Давайте покумекаем, как мы можем это использовать для современных интерфейсов, чтобы сэкономить себе время на создание верстки и дизайна. Мне кажется моя идея выгорает хотя бы экономией времени и денег на создании мобильного приложения. 
 

Ищется верстальщик/фронтенд разработчик (HTML, CSS, JS) на новый проект. Работа сдельная.
Необходимые навыки:
- верстка адаптивного и отзывчивого дизайна (HTML5, CSS3, JS);
- установка и настройка стандартных jQuery (1.11+) плагинов;
- разработка JS при отсутствии подходящих плагинов (не обязательно, можем сделать сами).
Работа удаленная. Связь Skype, WhatsApp, Telegram.
Ориентировочный бюджет: до 50 000 рублей за проект.
Обязанности: сверстать frontend на основе шаблона в PSD и прототипа в Axure. Важно соблюдать указанные Вами сроки (либо заблаговременно предупреждать об их изменениях) и точность верстки. Не пропадать.
График работы: свободный график.
Писать на почту post@clubok.ru или Skype: autonet.ru, Всеволод.

помогите пожалуйста поправить табы от бутстрапа3
в этом примере при уменьшении ширины окна вкладки выстраиваются в несколько этажей. мне же хотелось бы чтобы они всегда состояли из одного этажа, но имели возможность прокручиваться по горизонтали(это умеют табы от ng-material) 
это мне нужно чтобы сделать трёхуровневые табы. для них критично чтобы каждый уровень состоял строго из одного этажа

Привет!
 
Есть вот такая страница с фотками: http://apriori.leveler.ru/apriori/fotogalereya.html
Хотелось отойти от скучной сетки и для равномерного заполнения листа объектами я использовал FreeWall
Он изменяет размеры и расположение элементов для равномерного заполнения листа. Адаптивный.
 
Но он, гад, безбожно тормозит. Хотя на демосайте у них всё хорошо.
Вопрос - он ли тормозит? И как можно ускорить первоначальную прорисовку?
Может, есть более интересные альтернативы?
 
PhotoWall я пробовал - почему-то не подружились. Надо передавать массив картинок в JSON, мне это не оч удобно. да и ошибки в нем, не смог исправить

Подскажите, пожалуйста, как привязать Easing эффекты на dropdown-menu?
Меню на основе http://geedmo.github.io/yamm3/