Гид по технологиям

Веб-разработка

Книга рецептов на HTML/CSS/JS — пошагово
Веб-разработка 5 min read

Книга рецептов на HTML/CSS/JS — пошагово

В этой пошаговой инструкции показано, как создать одностраничное приложение «Книга рецептов» на HTML, CSS и JavaScript. Вы реализуете форму добавления рецептов, вывод на страницу, удаление и поиск; в конце — варианты улучшения (сохранение в localStorage, тесты и чек‑листы).

Живое редактирование CSS в Firefox
Веб-разработка 4 min read

Живое редактирование CSS в Firefox

В этой статье показано, как с помощью инструментов разработчика Firefox (Inspector и Style Editor) быстро редактировать внешний вид любой страницы в реальном времени. Вы узнаете, как выбрать элемент, создать временную таблицу стилей, вносить правки и сохранить изменения для передачи разработчику.

Запрет выделения, копирования и правого клика
Веб-разработка 7 min read

Запрет выделения, копирования и правого клика

Краткое руководство по отключению выделения текста, вырезания/копирования/вставки и контекстного меню в браузере с помощью CSS, JavaScript и jQuery. Подходит для усложнения простого копирования контента, но не заменяет реальную защиту авторских прав или серверную безопасность.

Установка Joomla локально с AMPPS
Веб-разработка 10 min read

Установка Joomla локально с AMPPS

AMPPS — это готовый стек для локальной разработки (Apache, MySQL/MongoDB, PHP, Perl, Python и Softaculous). Он позволяет быстро установить Joomla на локальном компьютере без ручного создания базы данных и настройки сервера. В статье пошагово объяснено, как скачать AMPPS, создать локальный домен, установить Joomla через Softaculous и проверить конфигурацию.

Синхронизация Redux между вкладками
Веб-разработка 7 min read

Синхронизация Redux между вкладками

redux-state-sync добавляет middleware и слушатель сообщений, чтобы автоматически распространять Redux-действия между вкладками одного сайта. Это удобно для синхронизации логина/логаута, тем и уведомлений без сложной инфраструктуры.

React Static: генерация статических сайтов
Веб-разработка 6 min read

React Static: генерация статических сайтов

React можно использовать для статических сайтов через react-static: предварительная генерация HTML даёт быстрый первый рендер и сохраняет преимущества компонентной разработки.

HTML-перенаправление: meta refresh без JavaScript
Веб-разработка 4 min read

HTML-перенаправление: meta refresh без JavaScript

Если нет доступа к серверу, meta refresh в HTML — быстрый способ перенаправить пользователя. Это поддерживается всеми браузерами, но хуже для SEO и UX по сравнению с серверными 301/302.

Как создать простое расширение Chrome
Веб-разработка 6 min read

Как создать простое расширение Chrome

В этой статье шаг за шагом показано, как собрать минимальное расширение Chrome: manifest.json и popup.html, загрузить его в браузер и провести базовое тестирование. Даны шаблоны, чек-листы и заметки по миграции на Manifest V3.

Символы HTML: сущности и примеры
Веб-разработка 6 min read

Символы HTML: сущности и примеры

В HTML некоторые символы зарезервированы — используйте именованные или числовые сущности, проверяйте кодировку UTF‑8 и экранируйте пользовательский ввод.

CSS не загружается в Chrome — исправить быстро
Веб-разработка 6 min read

CSS не загружается в Chrome — исправить быстро

Если CSS не загружается в Chrome — сначала очистите кэш и отключите расширения. Для разработчиков: проверьте доступность файла по URL, кодировку, Content-Type и отключите минификацию/ленивую загрузку.

Установка Fork CMS на Debian 9 и Nginx
Веб-разработка 6 min read

Установка Fork CMS на Debian 9 и Nginx

Краткое пошаговое руководство по установке Fork CMS на Debian 9 с использованием Nginx как веб‑сервера, MariaDB как СУБД и опциональным добавлением HTTPS через acme.sh и Let's Encrypt. Покрыты требования, установка PHP и расширений, настройка Nginx, Composer, развертывание Fork и рекомендации по безопасности.

Безголовый браузер: что это и как использовать
Веб-разработка 5 min read

Безголовый браузер: что это и как использовать

Безголовый браузер — это полноценный браузер без графического интерфейса. Его применяют для автоматизированного тестирования, скрейпинга и генерации скриншотов с помощью командной строки или библиотек (Puppeteer, Selenium).

Запуск веб‑сервера на Android с KSWEB
Веб-разработка 5 min read

Запуск веб‑сервера на Android с KSWEB

KSWEB позволяет запустить полноценный локальный стек (lighttpd, nginx, PHP, MySQL и phpMyAdmin) прямо на Android‑устройстве. Это удобный инструмент для быстрой локальной разработки, демонстраций клиентам и тестирования CMS вроде WordPress без удалённого хостинга.

Установка Drupal 5.6 на Debian с ISPConfig
Веб-разработка 5 min read

Установка Drupal 5.6 на Debian с ISPConfig

Краткая инструкция по развёртыванию Drupal 5.6: скачать, распаковать, подготовить settings.php, настроить базу через веб-интерфейс и вернуть права. Добавлены чек-листы и рекомендации по правам и cron.

Встраиваем пользовательский YouTube‑плеер
Веб-разработка 6 min read

Встраиваем пользовательский YouTube‑плеер

Встраиваемый пользовательский YouTube‑плеер позволяет централизованно управлять видео на нескольких сайтах: создайте плейлист, свяжите его с плеером, сгенерируйте код и вставьте его в боковую панель или HTML‑виджет. Это экономит время при обновлении контента и сокращает ошибки с размерами плеера.

Создать сайт без кода — Fiverr Business
Веб-разработка 9 min read

Создать сайт без кода — Fiverr Business

Нельзя или лень писать код — не проблема. С помощью Fiverr Business вы можете собрать команду фрилансеров и пройти весь путь: исследование аудитории, выбор домена и хостинга, дизайн, разработка, тестирование и запуск.

Как превратить шаблон сайта в CMS с Pulse CMS
Веб-разработка 6 min read

Как превратить шаблон сайта в CMS с Pulse CMS

Pulse CMS позволяет быстро превратить статический HTML‑шаблон в управляемый сайт без баз данных. Переименуйте файлы в PHP, загрузите Pulse в папку /pulse, создайте блоки и вставьте PHP‑встраиваемый код.

Голосовой поиск на сайте — как добавить распознавание
Веб-разработка 5 min read

Голосовой поиск на сайте — как добавить распознавание

Добавить голосовой поиск на сайт довольно просто: нужен микрофон, браузер Google Chrome и настроенный Google Custom Search. На стороне сайта замените стандартный код поисковой формы на HTML с поддержкой ввода голосом. Ограничение: пока работает в Chrome.

Установка Ruby on Rails на CentOS 8
Веб-разработка 4 min read

Установка Ruby on Rails на CentOS 8

Краткое пошаговое руководство по установке Ruby через RVM и последующей установке Rails на сервере CentOS 8. Включены команды для импорта ключей, установки зависимостей и проверки версий.

Тёмная тема в CSS: prefers-color-scheme и переменные
Веб-разработка 4 min read

Тёмная тема в CSS: prefers-color-scheme и переменные

Используйте media‑query prefers-color-scheme и CSS‑переменные, чтобы автоматически поддерживать тёмную и светлую тему. Добавьте фолбэки для старых браузеров и простые тесты приёмки.