Темний режим у темі WordPress: кнопка без перезавантаження
Як додати у свою тему WordPress перемикач темного режиму: CSS-змінні, системна тема, кука, яку читає PHP, і кнопка без перезавантаження та блимання.
- WordPress
- Оновлено
Прелоадер для сайту WordPress: як зробити і чи варто
Як зробити прелоадер для сайту на WordPress на чистому CSS і JavaScript, без плаґіна і jQuery, і чому він часто сповільнює сайт замість того, щоб допомогти.
- WordPress
- Оновлено
Адаптивна карта зображень: HTML map і SVG
Як зробити карту зображень з посиланнями, чому вона з’їжджає на телефоні і як це виправити: скрипт Image Map Resizer або сучасний варіант на SVG.
- PHP, HTML, CSS
- Оновлено
Темна тема на сайті: CSS, localStorage і системна тема
Як зробити темну тему на сайті: light-dark() і prefers-color-scheme, кнопка перемикання, запам'ятовування в localStorage і без блимання білим екраном.
- PHP, HTML, CSS, WordPress
- Оновлено
Cookies у JavaScript: як записати і прочитати
Як записати, прочитати й видалити cookies у JavaScript, навіщо SameSite і Secure, приклад із темою сайту та чим куки відрізняються від localStorage.
- PHP, HTML, CSS
- Оновлено
Створюємо стильну анімацію бургер-меню на CSS
Як зробити доступну кнопку-бургер для мобільного меню: <button> з aria-expanded, три рисочки на CSS, анімація в хрестик і трохи JavaScript.
- PHP, HTML, CSS
- Оновлено
Як змінити клас елемента в JavaScript: classList
Як у JavaScript додати, прибрати чи перемкнути клас елемента через classList: add, remove, toggle, contains – і доступне меню з aria-expanded на прикладі.
- PHP, HTML, CSS
- Оновлено
Шорткоди і фільтри в Eleventy
Як створити шорткод і фільтр в Eleventy: вставка аудіо й відео, парні шорткоди, формат дати через Intl та Luxon, фільтри з параметрами.
- PHP, HTML, CSS
- Оновлено
Налаштування VS Code для роботи з веб-додатками на PHP та JS
Мій перевірений чеклист для VS Code під PHP і JavaScript: розширення, Xdebug, ESLint/Prettier, форматування, snippets та корисні трюки.
- Програмне забезпечення
- Створено
