Що шукаєш?

PHP, HTML, CSS

Тонкощі розробки веб-сайтів на PHP, HTML та CSS. Скрипти, поради та готові рішення для ефективної роботи з веб-технологіями.
Маскот
Тонкощі розробки веб-сайтів на PHP, HTML та CSS. Скрипти, поради та готові рішення для ефективної роботи з веб-технологіями.
Як підключитися до MySQL з PHP через PDO

Як підключитися до MySQL з PHP через PDO

Як підключитися до MySQL з PHP через PDO: рядок DSN, кодування utf8mb4, режим винятків, обробка помилок і безпечне зберігання пароля від бази.

  • Створено
Як відцентрувати div у CSS: усі способи

Як відцентрувати div у CSS: усі способи

Як відцентрувати блок по горизонталі й вертикалі: text-align, margin auto, Flexbox, Grid і абсолютне позиціонування. Який спосіб обрати і де помиляються.

  • Створено
Як увімкнути показ помилок у PHP

Як увімкнути показ помилок у PHP

Біла сторінка замість сайту? Як увімкнути показ помилок PHP: ini_set, php.ini, .htaccess, .user.ini, журнал помилок і правильні налаштування для сервера.

  • Створено
phpMyAdmin: посібник для початківців

phpMyAdmin: посібник для початківців

Як користуватися phpMyAdmin: вхід, створення бази і таблиць, SQL-запити, експорт та імпорт бази, окремі користувачі, приховування зайвих баз і безпека.

  • Створено
Шрифт для сайту: Google Fonts, Font Squirrel і @font-face

Шрифт для сайту: Google Fonts, Font Squirrel і @font-face

Як вибрати шрифт для сайту з кирилицею, зробити з нього WOFF2 у Font Squirrel і підключити через @font-face, а Google Fonts тримати на своєму сервері.

  • Оновлено
Адаптивна карта зображень: HTML map і SVG

Адаптивна карта зображень: HTML map і SVG

Як зробити карту зображень з посиланнями, чому вона з’їжджає на телефоні і як це виправити: скрипт Image Map Resizer або сучасний варіант на SVG.

  • Оновлено
Font Awesome: як додати іконки на сайт

Font Awesome: як додати іконки на сайт

Як підключити Font Awesome через CDN, локально чи npm, вставити іконку, змінити її розмір і колір, не забути про доступність і коли краще взяти SVG.

  • Оновлено
Темна тема на сайті: CSS, localStorage і системна тема

Темна тема на сайті: CSS, localStorage і системна тема

Як зробити темну тему на сайті: light-dark() і prefers-color-scheme, кнопка перемикання, запам'ятовування в localStorage і без блимання білим екраном.

  • Оновлено
Cookies у JavaScript: як записати і прочитати

Cookies у JavaScript: як записати і прочитати

Як записати, прочитати й видалити cookies у JavaScript, навіщо SameSite і Secure, приклад із темою сайту та чим куки відрізняються від localStorage.

  • Оновлено
Створюємо стильну анімацію бургер-меню на CSS

Створюємо стильну анімацію бургер-меню на CSS

Як зробити доступну кнопку-бургер для мобільного меню: <button> з aria-expanded, три рисочки на CSS, анімація в хрестик і трохи JavaScript.

  • Оновлено
Як змінити клас елемента в JavaScript: classList

Як змінити клас елемента в JavaScript: classList

Як у JavaScript додати, прибрати чи перемкнути клас елемента через classList: add, remove, toggle, contains – і доступне меню з aria-expanded на прикладі.

  • Оновлено
Категорії та колекції в Eleventy

Категорії та колекції в Eleventy

Як зробити вкладені категорії в Eleventy: категорія з теки, файли даних, колекція сторінок категорій з пагінацією, посилання на категорію і меню.

  • Оновлено