Jump to content

Recommended Posts

В общем свежая безумная идея сделать интерфейс на 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, например.

 

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

 

Link to post
Share on other sites
  • 3 weeks later...

Интерфейс обогатился на touch и mouse move menu вместо гамбургера.

Запустил сайт сообщества. Кому интересно - можете зарегистрироваться и пользоваться форумом или завести блог(русский язык доступен из меню регистрации или в меню пользователя).

Обзорчик системы на английском: https://revolvercmf.ru/en-US/revolver-cmf/

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Similar Content

    • By РоманФ
      Выполняю рабочий проект для заказчика
      Встал вопрос как сверстать секцию о нас(будет правильней чтобы верстка не поехала), так как она наслаивается на верхнюю секцию, плюс полупрозрачный border, плюс под ним еще и картинка 
      И как совместить картинки с задними блоками на секции Продукция

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

      Буду рад конструктивным советам, спасибо
       
      Прикладываю макет 
      https://www.figma.com/file/NpCXMgs0oIjLYfuiqzPTJ4/Типография?node-id=11%3A2
    • By Tempest99
      Есть адаптивное меню .mobmenu и кнопка обратной связи .feedback.openform. Как сделать так,чтобы при нажатии на гамбургер, меню с темным задним фоном перекрывало кнопку обратной связи,чтобы ее нельзя было нажать? И наоборот,при нажатии на форму обратной связи,нельзя было вызвать адаптивное меню. С меню вроде как я справился,но вот как полностью вывести фидбэк на передний план и чтобы при этом чтобы header с гамбургером отошли назад?  https://codepen.io/tempest2708/pen/dyMVoOp


      pornohub-google-chrome-2020-09-04-00-56-15_AYQgL2jv.compressed.mp4
    • By ZeteM
      Всем привет! Пытаюсь сделать анимацию так, чтобы второй блок появлялся только после того, как первый полностью уйдёт влево. Ну просто никак, пыталась нагуглить, но получается только одновременное движение двух блоков. Может, кто-то опытный хотя бы намекнёт, что не так в моём коде? 
      https://codepen.io/20ZeteM02/pen/WNwwEEp
  • Member Statistics

    46,971
    Total Members
    1,451
    Most Online
    SkyMantle
    Newest Member
    SkyMantle
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.

  • Свежие Темы

  • Последние сообщения

    • Вы удивитесь, но многих вебмастеров от освоения англоязычного сегмента рынка останавливает именно незнание языка. Как коммуницировать с клиентами? Где искать англоязычных авторов? Кто проверит написанный на английском текст? Став клиентом компании Seoreef, вы не будете забивать себе голову этими вопросами, поскольку мы возьмем на себя все задачи по контенту. Вам останется лишь наблюдать, как стремительно растёт трафик на сайте. Интересно? Тогда пишите нам в телеграм или скайп.
    • TuchaKube — сервис предоставления контейнерной инфраструктуры и автоматизации CI/CD-процессов TuchaKube — это платформа на базе кластеров Kubernetes для автоматизации CI/CD-процессов, хостинга приложений и их данных в облаке контейнеров. Платформа создана для разработки программных продуктов и строительства высоконагруженных информационных систем. Сервис обеспечивает автоматический запуск таких процессов, как сборка, компиляция, тестирование, упаковка, контейнеризация и публикация приложения как в тестовой, так и в производственной средах. Среди возможностей работы — сбор и хранение статистических данных, мониторинг, кластеризация, горизонтальное масштабирование и многое другое. А одна из главных особенностей сервиса — автоматизация CI/CD-процессов при помощи DevOps-инженеров Tucha. Приглашаем оценить возможности мощной платформы TuchaKube! Для реальных веб-проектов готовы предоставить бесплатный тестовый период. Узнать подробнее о сервисе можно на нашем сайте: https://tucha.ua/ru/services/tuchakube. А если у вас появились вопросы, звоните нам по номеру +380 44 583-5-583 или пишите на электронную почту: sales@tucha.ua.  
    • По слухам, в Android 12, Google хочет внедрить по умолчанию протокол VPN WireGuard (источник https://www.techradar.com/news/google-quietly-adds-revolutionary-vpn-protocol-to-next-android-os ) Что говорит о его надежности и качестве. Мы со своей стороны уже сейчас усиленно работаем, для того, чтобы дать WireGuard VPN всем нашим пользователям.  Некоторым клиентам мы давали тестовые доступы, и отзывы великолепные, и сами тестируем данный протокол, все прям очень и очень хорошо 😉 По срокам, говорить пока не могу 😒 серверов много, и не так легко внедрить новый протокол везде, но мы работаем над этим.  Пока же у нас доступно подключение по Open VPN, L2TP и не менее известный и качественный чем WireGuard Softether VPN.  Все это бесплатно и без ограничений на https://finevpn.org/ или в телеграм боте: https://t.me/FineVPNbot P.S. 29.08.2020 мы обновили кошелек для Donation на сайте, сегодня 16.10.2020, нам поступило 27 переводов на общую сумму 1 830,43 $. Всем большое спасибо.  Скриншот: https://take.ms/sLAGm6   URL: https://www.blockchain.com/btc/address/36K6svHZBbQ4NL6vouu9o9n6jZhJR3Byrp?page=1 Постараемся делать такие отчеты ежемесячно. 
  • Popular Contributors

    Nobody has received reputation this week.

×
×
  • Create New...