MutationObserver - це інтерфейс JavaScript, який надає спосіб відстежувати зміни, що відбуваються в DOM-структурі сторінки. Цей інтерфейс може бути дуже корисним для динамічних веб-сторінок, де елементи можуть бути створені, змінені або видалені відповідно до дій користувача.

У JavaScript є багато інструментів для взаємодії з DOM-структурою веб-сторінок, і Intersection Observer API є одним з них. Цей API дозволяє відстежувати зміну видимості елементів на сторінці, коли вони перетинаються з вікном браузера або іншим елементом. У цій статті ми розглянемо, як використовувати Intersection Observer API з прикладами використання та кодом.

YouTube  дає змогу вставляти відео через Iframe, але іноді потрібно керувати цим відео програмно, а не тицяти по елементах керування.

На сьогодні сайти дуже переповнені різного роду контентом як відео, так і зображеними. Постає питання як це все вірно показувати.  В більшості випадків ніхто не задумується над цим, але коли постає питання швидкості завантаження сторінки, де кожна секунда важлива, кидають погляд в сторону відкладеного завантаження контенту.

Акордеон питаня-відповідь для Wordpress

Іноді потрібно виявити регіон користувача, що зайшов до нас на сайт. Щоб показати інформація, що належить цьому регіону чи країні. Є безліч способів як це зробити, але найпопулярніший це по ip (хоча не дуже точний).

Генеруємо мініатюру pdf файлу на основі першої сторінки

Автоматична генерація паролю при реєстрації Opencart

Вставка Bootstrap 4 collapse в редактор TinyMCE 6. 

Оновлення телеграм бота Bot API 6.0 принесло нам нововведення під назвою  Web Apps. Напишемо програму для отримання інформації користувача

Google sheets дуже зручні у використанні та доступні з будь-якого пристрою. В Google є дуже потужний інструмент Apps Script, що дає змогу інтегруватись майже з усіма продуктами google, ми це використаємо для того, щоб данні з форми на сайті зберігались зразу в таблицю.

Працює все доволі просто. Проходимось по всьому тексті та знаходимо там заголовки, генеруємо їм посилання для того, щоб потім по них була навігація. Заголовки збираємо в окремий блок і в кінці вставляємо його в блок що указаний в налаштуваннях. 

Міграція Responsive filemanager з TinyMCE 6 до TinyMCE 6

Читаємо файл з input за допомогою js, на прикладі зчитування csv файлу та перетворення його на json