Віконний інтерфейс HTML + Javascript
Ми всі вже звикли до віконного інтерфейсу у операційних системах. Звикаємо до "віконець" які вискакують на сайтах і дратують нас. Інколи самі на сайтах використовуємо щось типу чатів для on-line консультацій, тощо. Я помітив що такі вікна вкрай туплять і капець як гальмівно завантажуються і працюють. Бо сучасні підходи розробки вимагають... Та в деяких проектах зручніше використовувати саме інтерфейс схожий на віконний. Тому трохи заморочився і зробив щось таке, що назвав WinManager.
Головна ідея була зробити простий, ЛЕГКИЙ і ШВИДКИЙ механізм керування "вікнами" без жодних залежностей. Тобто, не використовувати жодних бібліотек та фреймворків. Але щоб цей механізм можна було використовувати з іншими бібліотеками та фреймворками якщо буде потрібно.
WinManager дозволяє досить просто робити з DIV-вів вікна, які можна пересувати мишкою, змінювати розмір, звертати/розвертати. За допомогою Javascript можна програмно керувати "вікнами", та змінювати їхній контент, розміри, положення, зберігати та відновлювати положення та стан вікон.
Windows Manager JavaScript бібліотека
Приклад використання WinManager доволі простий і складає всього один html файл який містить необхідні HTML, CSS і Javascript. Нарізати на шматки та запиляти під свої потреби зможете самі.
Бажаю успіхів.
P.S. вибачайте за очапатки якшо шо :)
Дивись також:
- Справочник команд по Docker. Как поднять Swarm
- MongoDB Replica Set в Docker
- Справочник команд MongoDB
- Как настроить NGNIX Loader balancer + SSL в Docker
- Технология Push notifications. Как сделать на сайте
- Пример Websocket сервера и Websocket клиента. Пример простого чата на websocket
- Как использовать Memcached в Python
- Как использовать Radis в Python
Есть одна ситуация - окно можно переместить вниз за пределы видимой части общей рабочей зоны. Необходимо добавить условие как это сделано для право-лево-верх.
Добавил
Недавні записи
- FOC - своя реалізація векторного керування. Підбиваю підсумки 2022 року
- Конструктор регуляторів моторів. Підбиваю підсумки 2022 року.
- Чому трифазні мотори стали такими популярними?
- FOC & Polar coordinates
- Конструктор регуляторів PMSM, BLDC двигунів
- Своя бібліотека для векторного керування безколекторними моторами
- Not Allowed
- Адаптивний ПІД регулятор
- Конструктор регуляторів моторів. Структура.
- Конструктор регуляторів моторів. Анонс.
Tags
st-link 3d-printer encoder servo solar java-script git wifi uart mpu-9250 sensors capture motor esp8266 nodemcu usb usart piezo rfid css atmega bmp280 bkp avr displays brushless watchdog battery sms rs-232 tim mpu-6050 barometer examples nvic pmsm dc-dc eb-500 soldering meteo rtc gpio books websocket docker dht11 led smd stm32 web timer dma lcd mpx4115a hih-4000 bldc ssd1306 adc mongodb python options eeprom raspberry-pi remap max1674 programmator ethernet foc ngnix ssd1331 gps flash exti bluetooth html bme280 i2c pwm flask
Архіви