для разработки pwa приложение по типу меседжера. Знание реакт, сервис воркеры, работа со spa, понимание amp приветствуется. пишите свой скайп или телеграм
Веб-программирование6 заявок
Закрыт
5 лет назад
Реализовать подстраивание блоков под изменения ширины окна
Найдите исполнителя для вашего проекта прямо сейчас!
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.
Суть такая:
Есть страница, на ней по центру будет контейнер с фиксированной шириной 800px. По бокам от неё две кнопки: каждая из которой при клике раскрывает соответствующий блок слева/справа от нашего контейнера. Ширина этих блоков тоже фиксирована: 291px.
Задача:
1. На больших экранах, пока все эти блоки умещаются во всю ширину, они могут быть открыты как одновременно, так и только один. Тут ничего делать не надо.
2. Если ширина экрана небольшая и раскрывается только левый или правый блок, то центральный контейнер также плавно смещается в сторону, т.е раскрывающийся блок его не должен перекрывать.
3. Если оба раскрытых блока + центральный контейнер перестают помещаться в ширину экрана, то блок, который был открыт первым, плавно закрывается.
4. Реализуем до ширины экрана 992px, ниже не смотрим.
5. Эти события должны срабатывать не только при ресайзе окна, но и при открытии/закрытии боковых панелей.
Вот мой код. Скрипт написан коряво и не весь, ориентироваться только на верстку:
https://codepen.io/Raneto4ka/pen/JmoERE
Вот видео, где можно посмотреть как это уже реализовано у других:
Выбранный исполнитель
- Похожие заказы
- $170
На данный момент у нас работает Laravel веб-сервис c фронтендом Bootstrap и jQuery. Сервис рассчитан на несколько ролей, начиная от водителя и заканчивая администратором. 1. Необходимо доработать существующий сервис 2. Необходимо создать личный кабинет клиента на основе Bootstrap, ...
Веб-программирование5 заявокЗакрыт5 лет назад Добрый день! Ряд сервисов говорит что имеются проблема с ssl сертификатом gtmetrix - http://joxi.ru/KAxdVMkFZ4XpOA [url=http://joxi.ru/L21pvJBFR6yvMm]решение[/url] w3c - http://joxi.ru/zANpyB3FvlzNRm Я думаю что дело в клауд фларе - http://joxi.ru/12M7BxRil4b6er От которого нужно отключиться полностью
Веб-программирование1 исполнительЗавершен6 лет назадДобрый день! есть скрипт на three.js вместе со сценой. позволяет пользователю выбирать из каталога модели(модели простые), менять текстуры, перемещать объекты, сохранять сцену и даже производить примитивный расчет стоимости. Нужно периодически вносить доработки, основная масса в ближайшие 2 месяца, ...
Веб-программирование9 заявокЗакрыт5 лет назадДобрый день. Есть две задачи, опишу их ниже. ЗАДАЧА №1. Нам делали доработку на сайте, добавляли в карточку товара текстовое поле для ввода комментария, которое дублируется в админке и в корзине, потом это всё выгружается в 1С ...
Веб-программированиенет заявокЗакрыт6 лет назадДоброго всем дня. Есть готовая верстка, которая уже частично натянута на Битрикс-Стандарт. Нужно реализовать функцию добавления товара в форму отправки на почту. Саму отправку делать не надо, просто чтобы выводился запрос GET в строке браузера. Отправку сделаю сам. Как это ...
Веб-программированиенет заявокЗакрыт6 лет назадНа основе двух файлов эксель сгененрировать фид яндекс недвижимость коттеджи. Цена, площадь дома и участка берём из эксель файлов. Фотографии для каждого предложения подтянуть из папок с названием соответствующим значению в одном из столбцов. Описание по шаблону. Остальные параметры ...
Веб-программирование1 исполнительЗавершен6 лет назадЗдравствуйте! Нужно разработать [b]обновляемый[/b] (вечный) плагин лунного календаря для женского сайта. Плагин должен включать разделы: 1. Лунный календарь стрижек и окрашивания волос. 2. Лунный календарь маникюра и педикюра. 3. Лунный календарь для процедур красоты. Очень желательно, чтобы плагин был легким, не ...
Веб-программирование5 заявокЗакрыт5 лет назад- $100
Требуется создать систему разбора API сайта bankrot.fedresurs.ru Описание API: [url=http://bankrot.fedresurs.ru/help/Service_1.24.2.pdf]http://bankrot.fedresurs.ru/help/Service_1.24.2.pdf[/url] Структура базы должна быть создана по аналогии со структурой отдачи XML. Реализация разбора должна быть реализована на PHP+cURL. Хранилище - MySQL. Дополнительно: это первая часть проекта, далее потребуется написание парсера некоторых ...
Веб-программирование1 заявкаЗакрыт5 лет назад Создать форму для удобной работы с таблицей (таблицами) БД со следующими полями: search – поле поиска по базе типа Select2 или подобное – выпадающий список с поиском (можно отдельно по полю unp, по полю адрес, по ...
Веб-программирование7 заявокЗакрыт6 лет назад