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

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

Приостановка и возобновление копирования на Mac
macOS 4 min read

Приостановка и возобновление копирования на Mac

Начиная с macOS Monterey вы можете приостанавливать копирование файлов через Finder и возобновлять его позже без потери прогресса. Нажмите «Закрыть (X)» в окне прогресса — в месте назначения появится полупрозрачная копия, по которой можно кликнуть, чтобы продолжить.

Как увеличить курсор на Mac
macOS 5 min read

Как увеличить курсор на Mac

Если курсор на Mac слишком мелкий и его трудно найти, увеличьте его в Системных настройках — Универсальный доступ → Экран → Указатель. Можно также изменить цвет курсора или включить функцию «Потрясти указатель», чтобы он временно увеличивался при резком движении.

iOS 11: Полное руководство по Центру управления
Mobile 6 min read

iOS 11: Полное руководство по Центру управления

В iOS 11 Центр управления возвращается к одной странице с настраиваемыми элементами и расширяемыми виджетами. Вы можете быстро управлять AirDrop, AirPlay, Night Shift, записью экрана и многим другим — настройка через «Настройки → Центр управления → Настроить элементы».

Уменьшить размер PDF на Mac без потерь
Mac PDF 6 min read

Уменьшить размер PDF на Mac без потерь

Если нужно быстро — используйте Preview или онлайн‑сервис. Для встроенных и более гибких опций можно настроить собственные Quartz‑фильтры, но это требует временного отключения SIP. Всегда тестируйте на копиях и включайте SIP обратно.

Как настроить NAS для Mac
Mac 6 min read

Как настроить NAS для Mac

NAS — это сетевой диск для локального хранения и обмена файлами. На Mac подключение выполняется через Finder по SMB; для автоподключения добавьте том в элементы входа.

Горячие углы в Windows 11 — как добавить
Windows 7 min read

Горячие углы в Windows 11 — как добавить

Горячие углы — быстрый способ запускать действия движением курсора. Установите WinXCorners или Hot Corners, или напишите скрипт AutoHotkey для гибкой настройки.

Как скачать Netflix на Mac — варианты и обходы
Руководство 6 min read

Как скачать Netflix на Mac — варианты и обходы

Официального приложения Netflix для macOS нет, поэтому напрямую скачивать видео на Mac нельзя. Рабочие и безопасные обходы — AirPlay с iPhone/iPad и установка Windows на Mac; запись экрана и сторонние программы не рекомендуются.

Картинка в картинке на iPhone и iPad — как включить
Руководства 4 min read

Картинка в картинке на iPhone и iPad — как включить

«Картинка в картинке» (Picture-in-Picture, PiP) позволяет смотреть видео в маленьком плавающем окне поверх других приложений на iPhone и iPad. Включите функцию в «Настройках» — «Основные» → «Картинка в картинке» → «Запуск PiP автоматически», затем просто сверните приложение с воспроизведением.

Вставка без форматирования в macOS
macOS советы 5 min read

Вставка без форматирования в macOS

Переназначьте Command+V на «Вставить и сопоставить стиль», чтобы вставлять текст без исходного форматирования; Microsoft Word требует Command+Control+V.

Меню «Пуск» и список недавних в Dock macOS
macOS 9 min read

Меню «Пуск» и список недавних в Dock macOS

Создайте в Documents папку «Start», заполните её alias‑ами приложений и закрепите в Dock как папку; добавьте стопку «Недавние» через Terminal или Умную папку Finder с фильтрами.

Исправление ошибки -36 на macOS
macOS 4 min read

Исправление ошибки -36 на macOS

Выполните dot_clean для каталога-источника через Terminal и попробуйте копирование снова. При необходимости сделайте резервную копию и используйте альтернативы: ditto или архивацию.

Как включить PiP для YouTube на iPhone и iPad
Гайды 5 min read

Как включить PiP для YouTube на iPhone и iPad

Режим «Картинка в картинке» (PiP) позволяет смотреть или слушать видео YouTube, переключаясь между приложениями на iPhone или iPad. У подписчиков YouTube Premium PiP доступен в приложении; для остальных есть рабочие обходы через Safari и ярлык Shortcuts.

PostCSS: как использовать современные возможности CSS
Frontend 6 min read

PostCSS: как использовать современные возможности CSS

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

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

CSS-переменные: руководство по использованию

CSS-переменные (custom properties) позволяют централизовать значения дизайна и быстро менять внешний вид сайта. Они работают в любом месте CSS, поддерживают каскадирование и могут управляться из JavaScript для динамических изменений, но требуют тестирования на совместимость и продуманной структуры имён.

Ограничение строк текста в CSS — 2 метода
Frontend 6 min read

Ограничение строк текста в CSS — 2 метода

Используйте CSS, чтобы сокращать текст до фиксированного числа строк и добавлять кнопку «Развернуть/Свернуть» без JavaScript. В статье показаны два подхода: WebKit-специфичный метод и гибкий метод с вычислением высоты и градиентом.

Функции Less CSS: руководство и примеры
Веб-разработка 6 min read

Функции Less CSS: руководство и примеры

Less расширяет обычный CSS функциями, переменными и списками, которые делают стили более выразительными и переиспользуемыми. В этой статье — понятные примеры if(), boolean(), replace(), length(), extract(), range(), пошаговый мини‑метод, чек-листы для ролей и рекомендации, когда Less не подходит.

Полное руководство по CSS Flexbox
Веб-разработка 7 min read

Полное руководство по CSS Flexbox

Flexbox — это способ гибкого выравнивания элементов в одномерной компоновке. Рассмотрены основные свойства и приведены практические примеры и чеклисты.

CSS Container Queries — адаптивные компоненты
CSS 7 min read

CSS Container Queries — адаптивные компоненты

Контейнерные запросы (container queries) позволяют делать стили зависимыми не от ширины окна браузера, а от ширины ближайшего контейнера. Это упрощает создание модульных, повторно используемых UI-компонентов, особенно в реактивных фреймворках.

Липкий хедер в React — как сделать
Frontend 4 min read

Липкий хедер в React — как сделать

Липкий (sticky) заголовок остаётся видимым вверху экрана при прокрутке. В React его можно реализовать вручную через обработчик scroll или подключить библиотеку (react-sticky, react-stickynode).

Скриншоты DOM с html-to-image
JavaScript 5 min read

Скриншоты DOM с html-to-image

html-to-image позволяет быстро конвертировать DOM-узлы в base64-изображения (PNG/JPG/SVG). Работает через клонирование узла и инлайн-стили; не поддерживает IE/Safari и падает при tainted canvas.

Конвертация сайта в 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).

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

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

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

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

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

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

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-стили или инструменты разработчика, а при конфликтах ищите каскад и специфичность селекторов.

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

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

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

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

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

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

Скелетон-экраны: эффект загрузки и снижение 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 у предков и доступность.