Тег: java-script


Як я робив PWA

15.03.2019
Як я робив PWA

PWA - це не клей :) Що таке Progressive Web Apps? Гугліть =>.

ОСЬ ЩО З ЦЬОГО ВИЙШЛО: https://avislab.github.io/map/

1. Робимо звичайне Web-application (HTML - сторіночку з JavaScript - тиком :))

Наприклад, щось таке /files/map/0.html
Зверніть увагу HTTPS немає, тому доступу до вашої локації не буде.

web-dev склерозник

INKSVG.JS - бібліотека для роботи з SVG файлами

03.02.2019
INKSVG.JS - бібліотека для роботи з SVG файлами

INKSVG.JS - бібліотека яка допоможе зв`язати векторну графіку (SVG) з будь-якими даними.

  • пошук графічних об`єктів у SVG - файлі по ID, переміщення zoom-у на об`єкт
  • зміна стилю об`єктів
  • зміна текстових написів, та їх стилю
  • анімація об`єктів

INKSVG.JS використовує D3.js, та фактично є обгорткою, яка спрощує роботу саме SVG файлами, які створені графічними редакторами типу Inkscape. INKSVG.JS враховує нюанси саме форматів Sodipodi.

web-dev склерозник

Віконний інтерфейс HTML + Javascript

05.01.2019
Віконний інтерфейс HTML + Javascript

Ми всі вже звикли до віконного інтерфейсу у операційних системах. Звикаємо до "віконець" які вискакують на сайтах і дратують нас. Інколи самі на сайтах використовуємо щось типу чатів для on-line консультацій, тощо. Я помітив що такі вікна вкрай туплять і капець як гальмівно завантажуються і працюють. Бо сучасні підходи розробки вимагають... Та в деяких проектах зручніше використовувати саме інтерфейс схожий на віконний. Тому трохи заморочився і зробив щось таке, що назвав WinManager.

web-dev склерозник

Openlayers. Библиотека для работы с картами. С чего начать?

02.12.2018
Openlayers. Библиотека для работы с картами.  С чего начать?

Openlayers - библиотека для работы с разными картами. В том числе с OpenStreetMap - шикарной альтернативой Google Maps.

Качаем openlayers-workshop: https://github.com/openlayers/workshop/releases

В рабочей папке:

1. рспаковать файл openlayers-workshop-en.zip

web-dev склерозник

Websocket. Сервер (Python) & Клиент (JavaScript)

18.11.2018
Websocket. Сервер (Python) & Клиент (JavaScript)

Пример использования Websocket. Websocket сервер на Python, Websocket клиент на Java Script. Пример в виде простого чата.

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

web-dev склерозник

Архіви