Card image cap
Opencart ocmod

Створювати модифікатори в Опенкарт це легко 😎

Card image cap
WebP як заміна PNG

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

4 лист. 2023
Card image cap
HTML5 Web API для мобільних пристроїв: Використання та приклади

HTML5 надав багато нових можливостей для розробки мобільних веб-додатків, завдяки розширенню API (Application Programming Interface). Ці API надають розробникам доступ до різних функцій і можливостей пристроїв, дозволяючи створювати більш потужні та інтерактивні додатки, пристосовані до вимог сучасних користувачів. У цій статті ми розглянемо деякі з найпоширеніших HTML5 Web API для мобільних пристроїв та надамо приклади їх використання.

6 серп. 2023
Card image cap
Варіанти використання API веб-сховища HTML

снує кілька способів використання веб-сховища у ваших веб-додатках. Фронтенд-розробники використовують сучасний API веб-сховища браузера для створення більш персоналізованих, ефективних і адаптивних веб-сайтів. У цій статті ми розглянемо багато варіантів використання, які допоможуть вам створювати цікаві веб-додатки.

28 лип. 2023
Card image cap
Використання файлу .htaccess для керування сайтом: Потужний інструмент в руках розробника

Файл .htaccess є конфігураційним файлом, що використовується на веб-серверах, щоб налаштувати різноманітні параметри та поведінку веб-сайту. "htaccess" - скорочення від "Hypertext Access", і він використовується для здійснення контролю над сервером Apache або іншим веб-сервером, який підтримує цей тип файлу.

Card image cap
Xdebug для відлагодження PHP

Відлагодження коду є невід'ємною частиною розробки будь-якої програми. Якщо ви розробляєте веб-додаток на PHP, то Xdebug є потужним інструментом для відлагодження. У цій статті ми розглянемо, як використовувати Xdebug для відлагодження PHP коду.

8 трав. 2023
Card image cap
Відладка за допомогою консолі в JavaScript

Консоль є невід'ємною частиною розробки вебдодатків на JavaScript. Вона дозволяє відстежувати помилки, виводити на екран поточні значення змінних і виконувати тестові запити. У цій статті ми розглянемо кілька прикладів використання консолі в JavaScript.

26 квіт. 2023
Card image cap
PageTransitionEvent: як використовувати його для покращення продуктивності та кешування ресурсів

PageTransitionEvent - це подія, яка спрацьовує, коли сторінка змінює свій стан, такий як переміщення на іншу сторінку, перехід від одного стану до іншого, оновлення сторінки тощо. Ця подія є частиною API Navigation Timing та може бути корисною для відстеження часу, необхідного для завантаження сторінки.

Card image cap
Redis в PHP: основні методи та приклади використання

Redis є однією з найпопулярніших інструментів зберігання даних в оперативній пам'яті (in-memory data store). Він дозволяє зберігати дані у вигляді ключ-значення і працювати з ними швидко та ефективно. Redis використовується в багатьох веб-додатках, таких як Twitter, GitHub, Pinterest, і багато інших.

Card image cap
MutationObserver - відстежувати зміни в DOM-структурі сторінки

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

27 лют. 2023
Card image cap
Intersection Observer - дозволяє відстежувати зміну видимості елементів на сторінці

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

Card image cap
Керуємо Iframe та отримуємо інформацію відео з YouTube

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

31 груд. 2022
Card image cap
Lazy load media

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

Card image cap
Wordpress AccordionGroup

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

Card image cap
Виявляємо регіон користувача по ip

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

Card image cap
Мініатюра для Pdf

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

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

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

Card image cap
Bootstrap 4 collapse plugin for TinyMCE 6

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