Главное о гаджетах, приложениях и безопасности. Подборки, инструкции и ответы на частые вопросы.
Три материала, с которых стоит начать.
Папка автозагрузки Windows — это специальная папка, в которую можно помещать ярлыки программ для автозапуска. Существуют папки для текущего и для всех пользователей; управлять автозапуском можно через Диспетчер задач и AutoRuns.
В macOS Sonoma клик по обоям по умолчанию скрывает все открытые окна и показывает рабочий стол. Отключить это можно в Системных настройках → Рабочий стол и Dock, установив опцию Щёлкать по обоям, чтобы показать рабочий стол в Только в Stage Manager.
Если клавиша Globe случайно открывает эмодзи или диктовку, назначьте ей «Ничего не делать» в Системных настройках или полностью отключите через Модификаторы клавиш. Эмодзи можно вызывать сочетанием Control+Command+Пробел.
Навигация по популярным тегам.
Свежие материалы, только что с редакции.
Отключите плавающие миниатюры скриншотов, если они мешают при серийной съемке. Можно сделать это через приложение Скриншот (Command + Shift + 5) или через Терминал с командой defaults. После команды иногда требуется перезапустить SystemUIServer или перезагрузить Mac.
На Mac не нужен сторонний софт: приложение Preview позволяет быстро конвертировать RAW в JPEG. Откройте файлы в Preview, выделите их и выберите File → Export Selected Images.
macOS Ventura и новее позволяют одним кликом вырезать объект с фотографии и вставить его без фона в любую программу. Чтобы сохранить изображение с прозрачностью, вставьте скопированный объект в Preview и сохраните как PNG с альфа-каналом.
Если при работе на Mac вы чувствуете головокружение или тошноту — сначала снизьте яркость, включите «Уменьшить движение» и «Уменьшить прозрачность», попробуйте другой монитор или подсветку за экраном, делайте перерывы и обратитесь к врачу при сохранении симптомов.
Копируйте иконку через Get Info для быстрого результата или извлекайте .icns из пакета приложения для выбора нужного размера и экспорта в PNG с прозрачностью.
Если нужно скрыть файлы от поиска Spotlight — поместите их в отдельную папку и добавьте папку в Конфиденциальность Spotlight. Чтобы убрать типы результатов, отключите ненужные категории во вкладке Результаты поиска.
Топ-чтиво сообщества.
Длинные форматы и подборки.
Создайте в Documents папку «Start», заполните её alias‑ами приложений и закрепите в Dock как папку; добавьте стопку «Недавние» через Terminal или Умную папку Finder с фильтрами.
Выполните dot_clean для каталога-источника через Terminal и попробуйте копирование снова. При необходимости сделайте резервную копию и используйте альтернативы: ditto или архивацию.
Режим «Картинка в картинке» (PiP) позволяет смотреть или слушать видео YouTube, переключаясь между приложениями на iPhone или iPad. У подписчиков YouTube Premium PiP доступен в приложении; для остальных есть рабочие обходы через Safari и ярлык Shortcuts.
PostCSS позволяет писать современный и экспериментальный CSS сегодня, транспилируя его в совместимый код и подключая плагины для минификации, префиксов и новых синтаксисов. В статье — пошаговая настройка, примеры конфигурации, варианты для фреймворков и контрольный список для команды.
CSS-переменные (custom properties) позволяют централизовать значения дизайна и быстро менять внешний вид сайта. Они работают в любом месте CSS, поддерживают каскадирование и могут управляться из JavaScript для динамических изменений, но требуют тестирования на совместимость и продуманной структуры имён.
Используйте CSS, чтобы сокращать текст до фиксированного числа строк и добавлять кнопку «Развернуть/Свернуть» без JavaScript. В статье показаны два подхода: WebKit-специфичный метод и гибкий метод с вычислением высоты и градиентом.
Less расширяет обычный CSS функциями, переменными и списками, которые делают стили более выразительными и переиспользуемыми. В этой статье — понятные примеры if(), boolean(), replace(), length(), extract(), range(), пошаговый мини‑метод, чек-листы для ролей и рекомендации, когда Less не подходит.
Flexbox — это способ гибкого выравнивания элементов в одномерной компоновке. Рассмотрены основные свойства и приведены практические примеры и чеклисты.
Контейнерные запросы (container queries) позволяют делать стили зависимыми не от ширины окна браузера, а от ширины ближайшего контейнера. Это упрощает создание модульных, повторно используемых UI-компонентов, особенно в реактивных фреймворках.
Листайте выборку редакции.
Липкий (sticky) заголовок остаётся видимым вверху экрана при прокрутке. В React его можно реализовать вручную через обработчик scroll или подключить библиотеку (react-sticky, react-stickynode).
html-to-image позволяет быстро конвертировать DOM-узлы в base64-изображения (PNG/JPG/SVG). Работает через клонирование узла и инлайн-стили; не поддерживает IE/Safari и падает при tainted canvas.
Этот материал объясняет, как быстро конвертировать публичные и приватные HTML‑страницы в редактируемый дизайн в Figma при помощи плагина html.to.design и Chrome‑расширения.
Простая библиотека simple-react-footer позволяет быстро добавить адаптивный футер в приложение на React. В статье — установка, два готовых примера кода, советы по кастомизации, чек‑листы для команд, тестовые сценарии и рекомендации по безопасности и локализации.
Notion позволяет быстро собрать одностраничный сайт: добавьте заголовок, обложку, медиа и включите «Опубликовать в интернете». Этот гид содержит чек‑листы, SOP и критерии приёмки.
Карусель — это слайдер изображений/видео, который быстро повышает вовлечённость. В React её можно реализовать собственными хуками или готовыми пакетами (pure-react-carousel, react-responsive-carousel). В статье — готовые примеры кода, рекомендации по доступности и производительности, чек‑листы для команды и критерии приёмки.
Глубинные материалы + быстрые ссылки.
Обход DOM — это навигация по древовидной структуре HTML, включающая движения вниз, вверх и в стороны. Используйте селекторы внутри минимального контейнера, optional chaining и делегирование событий для устойчивого и производительного кода.
Краткий пошаговый план: установите Dreamweaver через Adobe Creative Cloud, создайте «Site», затем HTML-шаблон, добавьте header/nav и editable region, подключите CSS через CSS Designer, создайте страницы и примените шаблон, настройте ссылки и фоновые изображения, протестируйте в браузере и разместите сайт на хостинге (например, AWS S3).
Быстрое руководство: используйте CSS для управления цветом текста через inline-правила, встроенные стили в секции <head> или внешние CSS‑файлы. Предпочтительна внешняя таблица стилей; учитывайте контраст для доступности и применяйте переменные CSS для поддерживаемости.
Используйте панель устройств (Device Toolbar) в DevTools Google Chrome, чтобы быстро эмулировать разные размеры экранов, сетевые условия и устройства. Добавляйте собственные устройства, переключайтесь в адаптивный режим и применяйте сетевое/CPU-троттлинг, чтобы проверить поведение медиа-запросов, загрузку ресурсов и UX на мобильных устройствах.
Sass — это расширение CSS, которое добавляет переменные, миксины, функции и модули, упрощая поддержку больших таблиц стилей. В статье показано, как установить Sass через npm, компилировать файлы, и приведены лучшие практики для организации кода.
Кратко: для горизонтального центрирования изображений чаще всего используют margin: auto на блочном элементе или flexbox на контейнере. Для вертикального центрирования применяют flexbox, grid или transform с абсолютным позиционированием.
vertical-align управляет вертикальным положением inline-элементов и ячеек таблиц. Он принимает ключевые слова, проценты и длины; для блочных элементов сначала установите display: inline или inline-block.
Свойство CSS font-size управляет размером текста. Используйте относительные единицы (rem, em, %) для адаптивности и доступности; px удобен для точного контроля. Для быстрого отладки применяйте inline-стили или инструменты разработчика, а при конфликтах ищите каскад и специфичность селекторов.
В статье показаны три подхода к аккордеонам без JavaScript: стандартные элементы HTML (<details>/<summary>), кастомный вариант с input[type="checkbox"] и вариант с input[type="radio"]. Приведены примеры, рекомендации по доступности и анимациям.
wkhtmltopdf и wkhtmltoimage — простые утилиты для командной строки, которые конвертируют HTML в PDF и изображения без браузера. Устанавливайте их через менеджер пакетов и используйте опции для настройки вывода; для динамических сайтов предпочтителен headless Chrome.
Скелетон-экраны имитируют структуру контента до загрузки, уменьшают CLS и улучшают восприятие скорости. Реализуйте их через CSS shimmer и отключайте по событию загрузки, а не только по таймеру.
Дочерняя тема позволяет безопасно настраивать внешний вид и поведение сайта без риска потерять изменения при обновлении родительской темы. В статье описаны три метода: онлайн-генератор, плагин и ручное создание с подробными шагами, чеклистами и шаблонами кода.
OneNote — лёгкий и мощный инструмент для заметок и совместной работы в школе. В статье — выбор версии, приёмы захвата, облачные вложения, аудиозаписи, Math Assistant, Immersive Reader, Class Notebook, чек-листы и план внедрения.
В этом руководстве показано, как быстро настроить GraphQL API на Node.js с использованием Apollo Server и MongoDB. Вы получите рабочий проект с моделью сотрудника, схемой GraphQL, резолверами для запросов и мутаций, чек-листами для разработки и рекомендациями по безопасности и тестированию.
Plus AI встроен в Google Slides и помогает за считанные минуты создавать структуры и слайды для коммерческих презентаций. Вводите тему, указывайте количество слайдов и стиль — система сгенерирует каркас, редактируемые слайды и подсказки по улучшению. Подходит для менеджеров по продажам, продуктовых команд и маркетинга; учитывайте ограничения ИИ и обязательно проверяйте факты и соответствие бренду.
Сменить обои на Chromebook просто — можно выбрать изображение из приложения «Файлы» или через системное меню обоев. Подготовьте изображение подходящего разрешения, сохраните его в папке «Загрузки» или в отдельной папке, затем выберите Установить как обои.
ShareX — бесплатный инструмент для записи GIF на Windows. Установите программу, выберите Screen Recording (GIF), выделите область, остановите запись и найдите файл в Documents\ShareX\Screenshots.
Локальный сетевой обмен файлами быстрее и надёжнее, чем флешки или почта. Настройте общий доступ через встроенные средства Windows (Homegroup/Workgroup/SMB), используйте облачные сервисы с LAN‑синхронизацией или одноранговые решения (BitTorrent Sync/Resilio). Включите поиск в сети, проверьте брандмауэр и примените базовые меры безопасности.
Быстро проверить температуру процессора в Linux можно с помощью утилит glances, lm-sensors (команда sensors), HardInfo или i7z для Intel. Если температура регулярно превышает допустимые значения — проверьте охлаждение, термопасту и вентиляторы.
Раз в неделю — лучшие статьи без спама.