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

Лента публикаций

Конвертация сайта в Figma из HTML
Дизайн 8 min read

Конвертация сайта в Figma из HTML

Этот материал объясняет, как быстро конвертировать публичные и приватные HTML‑страницы в редактируемый дизайн в Figma при помощи плагина html.to.design и Chrome‑расширения.

Адаптивный футер в React с simple-react-footer
Веб-разработка 6 min read

Адаптивный футер в React с simple-react-footer

Простая библиотека simple-react-footer позволяет быстро добавить адаптивный футер в приложение на React. В статье — установка, два готовых примера кода, советы по кастомизации, чек‑листы для команд, тестовые сценарии и рекомендации по безопасности и локализации.

Веб‑страница без кода в Notion
No-code 7 min read

Веб‑страница без кода в Notion

Notion позволяет быстро собрать одностраничный сайт: добавьте заголовок, обложку, медиа и включите «Опубликовать в интернете». Этот гид содержит чек‑листы, SOP и критерии приёмки.

Карусель в React: создание, библиотеки, best practices
Frontend 6 min read

Карусель в React: создание, библиотеки, best practices

Карусель — это слайдер изображений/видео, который быстро повышает вовлечённость. В React её можно реализовать собственными хуками или готовыми пакетами (pure-react-carousel, react-responsive-carousel). В статье — готовые примеры кода, рекомендации по доступности и производительности, чек‑листы для команды и критерии приёмки.

Обход DOM в JavaScript — полное руководство
Web‑разработка 7 min read

Обход DOM в JavaScript — полное руководство

Обход DOM — это навигация по древовидной структуре HTML, включающая движения вниз, вверх и в стороны. Используйте селекторы внутри минимального контейнера, optional chaining и делегирование событий для устойчивого и производительного кода.

Первый сайт в Adobe Dreamweaver
Веб-разработка 10 min read

Первый сайт в Adobe Dreamweaver

Краткий пошаговый план: установите Dreamweaver через Adobe Creative Cloud, создайте «Site», затем HTML-шаблон, добавьте header/nav и editable region, подключите CSS через CSS Designer, создайте страницы и примените шаблон, настройте ссылки и фоновые изображения, протестируйте в браузере и разместите сайт на хостинге (например, AWS S3).

Тестирование адаптивности в Chrome DevTools
Веб-разработка 6 min read

Тестирование адаптивности в Chrome DevTools

Используйте панель устройств (Device Toolbar) в DevTools Google Chrome, чтобы быстро эмулировать разные размеры экранов, сетевые условия и устройства. Добавляйте собственные устройства, переключайтесь в адаптивный режим и применяйте сетевое/CPU-троттлинг, чтобы проверить поведение медиа-запросов, загрузку ресурсов и UX на мобильных устройствах.

Как изменить цвет шрифта в CSS
Веб-разработка 4 min read

Как изменить цвет шрифта в CSS

Быстрое руководство: используйте CSS для управления цветом текста через inline-правила, встроенные стили в секции <head> или внешние CSS‑файлы. Предпочтительна внешняя таблица стилей; учитывайте контраст для доступности и применяйте переменные CSS для поддерживаемости.

Sass: установка и руководство по использованию
Веб-разработка 6 min read

Sass: установка и руководство по использованию

Sass — это расширение CSS, которое добавляет переменные, миксины, функции и модули, упрощая поддержку больших таблиц стилей. В статье показано, как установить Sass через npm, компилировать файлы, и приведены лучшие практики для организации кода.

Центрирование изображения в CSS — 3 способа
Веб-разработка 4 min read

Центрирование изображения в CSS — 3 способа

Кратко: для горизонтального центрирования изображений чаще всего используют margin: auto на блочном элементе или flexbox на контейнере. Для вертикального центрирования применяют flexbox, grid или transform с абсолютным позиционированием.

vertical-align в CSS: полное руководство
CSS 7 min read

vertical-align в CSS: полное руководство

vertical-align управляет вертикальным положением inline-элементов и ячеек таблиц. Он принимает ключевые слова, проценты и длины; для блочных элементов сначала установите display: inline или inline-block.

Изменение размера шрифта в HTML через CSS
Веб-разработка 5 min read

Изменение размера шрифта в HTML через CSS

Свойство CSS font-size управляет размером текста. Используйте относительные единицы (rem, em, %) для адаптивности и доступности; px удобен для точного контроля. Для быстрого отладки применяйте inline-стили или инструменты разработчика, а при конфликтах ищите каскад и специфичность селекторов.

wkhtmltopdf и wkhtmltoimage: HTML в PDF и изображения
Linux 5 min read

wkhtmltopdf и wkhtmltoimage: HTML в PDF и изображения

wkhtmltopdf и wkhtmltoimage — простые утилиты для командной строки, которые конвертируют HTML в PDF и изображения без браузера. Устанавливайте их через менеджер пакетов и используйте опции для настройки вывода; для динамических сайтов предпочтителен headless Chrome.

CSS-only аккордеон: чекбоксы и радио
Веб-разработка 5 min read

CSS-only аккордеон: чекбоксы и радио

В статье показаны три подхода к аккордеонам без JavaScript: стандартные элементы HTML (<details>/<summary>), кастомный вариант с input[type="checkbox"] и вариант с input[type="radio"]. Приведены примеры, рекомендации по доступности и анимациям.

Скелетон-экраны: эффект загрузки и снижение CLS
Веб-разработка 4 min read

Скелетон-экраны: эффект загрузки и снижение CLS

Скелетон-экраны имитируют структуру контента до загрузки, уменьшают CLS и улучшают восприятие скорости. Реализуйте их через CSS shimmer и отключайте по событию загрузки, а не только по таймеру.

Дочерняя тема WordPress: 3 простых способа
WordPress 7 min read

Дочерняя тема WordPress: 3 простых способа

Дочерняя тема позволяет безопасно настраивать внешний вид и поведение сайта без риска потерять изменения при обновлении родительской темы. В статье описаны три метода: онлайн-генератор, плагин и ручное создание с подробными шагами, чеклистами и шаблонами кода.

OneNote в школе: полный практический гид
Образование 10 min read

OneNote в школе: полный практический гид

OneNote — лёгкий и мощный инструмент для заметок и совместной работы в школе. В статье — выбор версии, приёмы захвата, облачные вложения, аудиозаписи, Math Assistant, Immersive Reader, Class Notebook, чек-листы и план внедрения.

GraphQL с MongoDB и Apollo Server
API 6 min read

GraphQL с MongoDB и Apollo Server

В этом руководстве показано, как быстро настроить GraphQL API на Node.js с использованием Apollo Server и MongoDB. Вы получите рабочий проект с моделью сотрудника, схемой GraphQL, резолверами для запросов и мутаций, чек-листами для разработки и рекомендациями по безопасности и тестированию.

Plus AI: быстро создавать презентации в Google Slides
Productivity 5 min read

Plus AI: быстро создавать презентации в Google Slides

Plus AI встроен в Google Slides и помогает за считанные минуты создавать структуры и слайды для коммерческих презентаций. Вводите тему, указывайте количество слайдов и стиль — система сгенерирует каркас, редактируемые слайды и подсказки по улучшению. Подходит для менеджеров по продажам, продуктовых команд и маркетинга; учитывайте ограничения ИИ и обязательно проверяйте факты и соответствие бренду.

Как сменить обои на Chromebook
Руководство 4 min read

Как сменить обои на Chromebook

Сменить обои на Chromebook просто — можно выбрать изображение из приложения «Файлы» или через системное меню обоев. Подготовьте изображение подходящего разрешения, сохраните его в папке «Загрузки» или в отдельной папке, затем выберите Установить как обои.

Как создать GIF в ShareX
Инструкции 5 min read

Как создать GIF в ShareX

ShareX — бесплатный инструмент для записи GIF на Windows. Установите программу, выберите Screen Recording (GIF), выделите область, остановите запись и найдите файл в Documents\ShareX\Screenshots.

Обмен файлами в локальной сети
Сеть 8 min read

Обмен файлами в локальной сети

Локальный сетевой обмен файлами быстрее и надёжнее, чем флешки или почта. Настройте общий доступ через встроенные средства Windows (Homegroup/Workgroup/SMB), используйте облачные сервисы с LAN‑синхронизацией или одноранговые решения (BitTorrent Sync/Resilio). Включите поиск в сети, проверьте брандмауэр и примените базовые меры безопасности.

Как проверить температуру CPU в Linux
Linux 4 min read

Как проверить температуру CPU в Linux

Быстро проверить температуру процессора в Linux можно с помощью утилит glances, lm-sensors (команда sensors), HardInfo или i7z для Intel. Если температура регулярно превышает допустимые значения — проверьте охлаждение, термопасту и вентиляторы.

Группы вкладок Safari на iPhone и iPad
Гайды 5 min read

Группы вкладок Safari на iPhone и iPad

Группы вкладок в Safari позволяют собирать связанные вкладки в отдельные наборы и быстро переключаться между ними. Доступны в iOS 15 / iPadOS 15, синхронизируются через iCloud.

Excel IF с AND/OR: примеры и шпаргалка
Excel 6 min read

Excel IF с AND/OR: примеры и шпаргалка

Функция IF (ЕСЛИ в русской версии Excel) возвращает одно значение, если условие истинно, и другое — если ложно. В статье — пошаговые примеры, локализованные формулы, советы по производительности и готовая шпаргалка.

Скриншот в инкогнито на Android
Android браузеры 6 min read

Скриншот в инкогнито на Android

Режим инкогнито блокирует системные скриншоты. В Chrome можно включить флаг, Edge/Firefox/Opera имеют встроенные инструменты. Альтернативы — запись экрана, ADB или фото с другого устройства.

Микрофон не работает на Android — как быстро исправить
Мобильные устройства 7 min read

Микрофон не работает на Android — как быстро исправить

Если микрофон телефона на Android не передаёт голос в звонках или записях, пройдите простую проверку: проверьте разрешения и подключённые устройства, перезагрузите телефон, очистите отверстие микрофона и отключите шумоподавление. Если в безопасном режиме микрофон работает — виновато приложение; если нет — вероятно аппаратная неисправность и нужен специалист.

Как устанавливать моды в Minecraft — полный гид
Игры 7 min read

Как устанавливать моды в Minecraft — полный гид

Моды и аддоны кардинально расширяют Minecraft — добавляют ландшафты, предметы и правила. Для ПК чаще всего используют загрузчик Forge или Fabric; для консолей и мобильных устройств применяют официальные магазины или специализированные приложения. Всегда скачивайте с доверенных сайтов и делайте резервные копии мира перед установкой.

Как сделать групповой заказ в Uber Eats
Доставка еды 5 min read

Как сделать групповой заказ в Uber Eats

Закажите еду для компании через функцию группового заказа в приложении Uber Eats — один человек запускает заказ, приглашает участников, все добавляют позиции до дедлайна, затем организатор оформляет и оплачивает. Это удобно для коллективных обедов и мероприятий — настройте лимиты, способ оплаты и частоту повтора.

Липкий хедер на CSS: простое руководство
Веб-разработка 5 min read

Липкий хедер на CSS: простое руководство

Липкий хедер остаётся видимым при прокрутке и повышает удобство навигации. Достаточно position: sticky и top; проверьте z-index, overflow/transform у предков и доступность.

Скриншоты Apple TV с Mac
Руководство 5 min read

Скриншоты Apple TV с Mac

Если нужно сохранить изображение с экрана Apple TV — используйте Mac и QuickTime: подключите Apple TV по AirPlay в QuickTime Player, введите код и снимите окно. DRM и отсутствие Mac — основные ограничения.

Facebook Places: настройка приватности
Конфиденциальность 6 min read

Facebook Places: настройка приватности

Facebook Places позволяет отмечать местоположение и делиться им с друзьями. Это удобно, но требует настройки приватности: кто видит чекины, кто может помечать вас и показываться в разделе «People Here Now».

Как сбросить и сменить пароль в Instagram
Безопасность 4 min read

Как сбросить и сменить пароль в Instagram

Если вы забыли пароль Instagram — сбросьте его через электронную почту, SMS или связанный аккаунт Facebook. Если помните старый пароль — смените его в Настройки > Безопасность > Пароль и включите двухфакторную аутентификацию.

Как добавить музыку к изображению — ПК и мобильные инструкции
Руководство 8 min read

Как добавить музыку к изображению — ПК и мобильные инструкции

Кратко: используйте DaVinci Resolve или iMovie на компьютере, если нужен точный контроль; онлайн-инструменты вроде Echowave удобны без установки ПО; а на телефоне — CapCut или iMovie. Все базовые варианты бесплатны и позволяют быстро экспортировать видеофайл с изображением и аудиодорожкой.

Mozilla Hubs — виртуальные комнаты без гарнитуры
Обзор 6 min read

Mozilla Hubs — виртуальные комнаты без гарнитуры

Mozilla Hubs — бесплатная платформа для создания общих виртуальных комнат, доступная через браузер на компьютере и мобильных устройствах. Она не требует VR‑гарнитуры, но поддерживает их; подходит для встреч, обучения и простых мероприятий.

Типы реверберации: как выбрать для микса
Аудио 7 min read

Типы реверберации: как выбрать для микса

Реверберация формирует ощущение пространства в звуке и сильно влияет на характер трека. Правильный выбор типа реверберации (комната, зал, камера, пластина, пружина, амбиент или нелинейная) — это сочетание художественной цели и технических настроек.

Цветовое колесо Video Star — как пользоваться
Руководство 6 min read

Цветовое колесо Video Star — как пользоваться

Цветовое колесо в Video Star объединяет выбор цвета, регулировку через RGB/HSB и инструменты сохранения. Используйте кольцо для быстрой палитры, ползунки для точной настройки и пипетку для подбора цвета с кадра.

Быстрый запуск в Windows 11: включение и отключение
Windows 8 min read

Быстрый запуск в Windows 11: включение и отключение

Быстрый запуск ускоряет загрузку, но зависит от гибернации и может вызывать проблемы с обновлениями и двойной загрузкой. Включайте через Панель управления, реестр, reg‑файл, GPO или команду Powercfg.

LessPass: генерация паролей без хранилища
Кибербезопасность 10 min read

LessPass: генерация паролей без хранилища

LessPass — бесплатная и открытая система генерации паролей, которая не хранит пароли, а воспроизводит их из мастер‑пароля и правил. Поддерживает расширения, мобильные приложения, CLI и опциональную синхронизацию метаданных.

Как ухаживать за Nintendo Switch в жару
Гаджеты 7 min read

Как ухаживать за Nintendo Switch в жару

В жаркую погоду избегайте использования и зарядки Nintendo Switch при температуре выше 35°C. Держите консоль в проветриваемом месте, не закрывайте вентиляцию и делайте короткие перерывы.

Отслеживание акций в Google Sheets через GOOGLEFINANCE
Финансы 6 min read

Отслеживание акций в Google Sheets через GOOGLEFINANCE

GOOGLEFINANCE — встроенная функция Google Sheets для подтягивания котировок и исторических рядов. Подходит для регулярного мониторинга портфеля, но имеет задержку обновления и ограниченный набор атрибутов.

Freevee — бесплатный стриминг от Amazon
Стриминг 8 min read

Freevee — бесплатный стриминг от Amazon

Freevee — бесплатный, рекламный стриминговый сервис от Amazon (ранее IMDb TV). Он предлагает фильмы, сериалы и лайв‑программы без подписки, но с рекламой и ограниченным родительским контролем.

OBD2 и Android: мониторинг и диагностика
Авто 8 min read

OBD2 и Android: мониторинг и диагностика

Подключив к автомобилю Bluetooth-OBD2-адаптер и подходящее приложение для Android, вы получите доступ к кодам ошибок, живым данным двигателя и инструментам для диагностики. Выберите совместимый адаптер (ELM327/Bluetooth), проверьте поддержку приложения и следуйте чеклисту подключения и безопасности.

Оглавление в Google Slides — быстрое руководство
Презентации 6 min read

Оглавление в Google Slides — быстрое руководство

Оглавление делает презентацию понятнее и удобнее для навигации. Создайте отдельный слайд, вставьте ссылки на нужные слайды или напишите свои названия и привяжите их. Обязательно протестируйте ссылки, настройте дизайн и добавьте контроль версий.

Фото на Samsung без переобработки
Фотография 5 min read

Фото на Samsung без переобработки

Выключите Scene optimizer и Auto HDR, чтобы снизить агрессивную постобработку на Samsung; это сделает цвета и детали естественнее, но может ухудшить съёмку при слабом освещении.

Как создать аватар в WhatsApp
Социальные сети 4 min read

Как создать аватар в WhatsApp

WhatsApp позволяет создать персонализированный аватар прямо в приложении, который можно использовать как фото профиля или набор из 36 стикеров. Процесс быстрый: Настройки → Аватар → Создать аватар, затем сохраняете и при необходимости выставляете как фото профиля.

Как скрыть онлайн‑статус в Facebook
Приватность 7 min read

Как скрыть онлайн‑статус в Facebook

Вы можете показать или скрыть свой онлайн‑статус в Facebook через браузер или мобильное приложение. На веб‑версии доступны тонкие настройки — разрешить или запретить видимость для отдельных людей или списков. В мобильном приложении можно только включить или отключить Активный статус; для блокировки конкретного человека используйте «Блокировать сообщения».

Как подогнать Excel под экран и печать
Excel 8 min read

Как подогнать Excel под экран и печать

Три простых способа — быстрый масштаб до выделения, автоматизация через VBA и настройка печати — позволяют уместить все столбцы на экране или на печатном листе. Выберите временный метод для разового просмотра, VBA для постоянного авто‑масштабирования и параметры Page Setup для печати.

Добавить пользователя на Nintendo Switch
Игры 6 min read

Добавить пользователя на Nintendo Switch

На Nintendo Switch можно создать до восьми отдельных профилей: создать новый локальный аккаунт, импортировать профиль с другой консоли или полностью перенести пользователя между двумя приставками. Прочтите пошаговые инструкции, чек‑листы и советы по безопасности, чтобы сохранить прогресс и избежать потери данных.

ESP-01 с MQTT: руководство и примеры
IoT 7 min read

ESP-01 с MQTT: руководство и примеры

Небольшой и недорогой Wi‑Fi модуль ESP‑01 отлично подходит для простых IoT‑проектов. В статье пошагово описаны аппаратная подготовка, настройка Arduino IDE и библиотек, подключение к MQTT‑брокеру, публикация/подписка, базовые техники безопасности и готовые чек‑листы для быстрой интеграции.