-
Similar Content
-
By Full-R
В общем свежая безумная идея сделать интерфейс на 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, например.
Давайте покумекаем, как мы можем это использовать для современных интерфейсов, чтобы сэкономить себе время на создание верстки и дизайна. Мне кажется моя идея выгорает хотя бы экономией времени и денег на создании мобильного приложения.
-
-
By 0nline
Принимаю любые заказы, любой сложности, выполняю качественно в короткие сроки.
Цена договорная, в пользу заказчика, скидка за ваш отзыв в теме)
Занимаюсь веб-дизайном и веб-строительством с 2011 года.
Навыки:
HTML5 CSS3 PHP JavaScript Photoshop Восстанавливаю портфолио вследствие длительного перерыва во время службы и после неё (2 года)
Нашел пару рабочих сайтов:
dkrus.cn - сайт на своем движке, разрабатывал все с 0 kepler.hk - ещё один китайский сайт. Завод по производству испарителей и прочих приблуд для вейперов по разным устройствам разбросаны графические работы, собрать их попытаюсь, но искать все крайне тяжко Связь со мной любым удобным вам способом, но предпочтительно телефон или WhatsUp/Telegram. Из-за отсутствия работы за компьютером бываю редко, поэтому жду ваших сообщений на телефон. Проживаю в Питере, поэтому если есть желание - можно встретиться лично и обсудить все за чашечкой кофе)
Телефон для связи: 8(999)-529-15-90 Александр
После 00:00 я ложусь спать, поэтому просьба не звонить. смс
VK - vk.com/id416969433
-
By lex86
Здравствуй, уважаемый Заказчик!
Предлагаю Вам создание дизайна веб - сайта или логотипа с учетом требований и пожеланий. Я буду рад поделиться своими навыками и знаниями для достижения максимально эффективных результатов вашего проекта.
Опыт работы в сфере - более 4х лет. Выполнено около 100 проектов для заказчиков с СНГ и ближнего зарубежья.
ПОЧЕМУ СТОИТ ЗАКАЗАТЬ У МЕНЯ:
1.Я уважаю Заказчика и его видение проекта.
2.Я не делаю дизайн,чтобы просто поскорее заработать денег. Я вкладываю частичку себя в каждый заказ.
3.У меня серьезный и ответственный подход к каждому проекту.
4.Я не срываю сроки. Если нужно больше времени, то говорю сразу.
5.У меня лояльная политика цен. Я могу пойти на уступки и их понизить, если это возможно(особенно в больших заказах).
6.Я консультирую и советую в процессе разработки проекта.
7.У меня постоянно растёт количество клиентов, которые заказывают снова.
КАК Я РАБОТАЮ:
1.Заполненный бриф или ваше ТЗ по проекту (бриф на дизайн сайта или логотипа при необходимости даю я).
2.Оценка объема работы, стоимости проекта и времени на выполнение.
3.Предоплата 50%.
4.Я делаю предварительный эскиз.
5.Эскиз дорабатывается по вашим замечаниям.
6.Остаток оплаты за проект.
7.Я отдаю вам готовый макет в PSD формате или AI, CDR (для векторной графики) со всеми необходимыми дополнениями.
ЧТО Я НЕ ДЕЛАЮ:
1.Мелочные работы (типа "подобрать шрифт для шапки сайта","сделать кнопочку","нарисовать баннерочек").
2.Проекты вроде "тут нужно сайтик очень красивый сделать, работы на 15 мин. где-то".
3.Заказы, которые без ТЗ, и которые заказчик хочет в двух словах объяснить по скайпу.
4.Проекты, которые заказываются через десять посредников.
5.Заказы, которые обсуждаются не заказчиком, а "целым колхозом"
6.Проекты, которым заказчик не может уделить должное время и считает, что исполнитель может ожидать его решения целый месяц.
7.Заказы, в которых нужно сделать несколько и более вариантов эскиза на выбор(за исключением логотипов, делаю 3-5 вариантов).
ЦЕНЫ НА РАЗРАБОТКУ ДИЗАЙНА:
Главная сайта - от 80$
Внутренняя сайта - от 20$
Логотип - от 30$
Портфолио - behance.net/oxyo1986cb5e
Отзывы - freelance.ru/reviews/Alexey_Korol/
Пожалуйста, обращайтесь, я всегда Вам рад. Пишите в скайп или на почту.
МОИ КОНТАКТЫ:
Skype - lking86
E-mail - oxyo1986@gmail.com
-
By Alarr
Люди добрые, подскажите, почему дизайнеры делают макеты мобильной версии начиная с 750 пикселей, с огромными шрифтами и картинками? Но при этом, хотят чтобы оно всё круто выглядело на 320px.
Как же правильно делать, дизайн на 320, а потом пускай расширяется? Или 750, а верстальщик пускай сам придумывает, как оно будет сжиматься до 320, и расширяться до 980ти?
Как правильно делать дизайн мобильной версии, с какой шириной?
-
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-
Recommended Posts
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.