GitHub digest #9: много шпаргалок

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

Дизайнеры и программисты, объединяйтесь!

Penpot

Penpot — приложение с открытым исходным кодом для организации совместной работы дизайнеров и разработчиков. Инструмент похож на Figma, но с бесплатными функциями для разработчиков. Дизайнеры в Penpot могут создавать макеты интерфейсов и прототипы приложений, а для разработчиков система генерирует готовый код вёрстки. Если дизайнер использовал для фона сложный градиент, то разработчику не придётся вручную подбирать его параметры. Всё можно просто скопировать и перенести в проект.

Пока что Penpot работает в браузере, но команда проекта уже разрабатывает полноценное десктопное приложение. Уже сейчас поддерживается режим совместной работы, создание адаптивных макетов, интерактивные прототипы и другие функции. Главный плюс в том, что Penpot — бесплатный инструмент с открытым кодом, а ещё приложение можно развернуть на собственном сервере.

Текстовый редактор для React

BlockNote

BlockNote — текстовый редактор, который можно интегрировать со своим веб-приложением на React. Редактор поддерживает привычные функции форматирования и позволяет вставлять медиа: изображения, видео и аудио.

Интерфейс BlockNote похож на продвинутые блочные редакторы типа Notion или Obsidian. Разработчикам доступна функция редактирования интерфейса и возможность создавать кастомные блоки. Если захотите встроить BlockNote в своё веб-приложение, можно будет детально всё настроить.

Читайте также:

React.js для новичков в программировании: что это, как устроен и зачем нужен

Учебник по Python

Your Journey To Fluent Python

Your Journey To Fluent Python — книга технического директора и соучредителя компании Swetrix. Ему всегда не нравилось, что книги по программированию сосредоточены на теории, поэтому он решил написать собственное комплексное руководство. В книге много задач и практических примеров, которые часто встречаются в жизни разработчика на Python.

Особенность книги в том, что автор и группа энтузиастов занимаются поддержкой: регулярно выходят дополнения и исправления ошибок. Кроме того, у них можно запросить проверку домашнего задания. Для этого надо создать соответствующий пул-реквест на GitHub или отправить готовую работу в чат на сервере Discord.

Переводчик для Android

RTranslator

Если вы искали открытый офлайн-переводчик для Android, обратите внимание на RTranslator. Приложение работает в трёх режимах:

• «Разговор». Для него нужны два смартфона, на которые установлен RTranslator. Их нужно соединить между собой с помощью Bluetooth, и после этого можно начинать общаться в реальном времени так, как если бы собеседник говорил на вашем родном языке. Под капотом приложение записывает аудио, преобразует его в текст и отправляет на устройство собеседника, а там текст переводится и озвучивается.
• WalkieTalkie. В этом режиме будет достаточно одного смартфона. Он подойдёт для коротких бесед — например, чтобы узнать дорогу к метро в новой стране. Приложение записывает аудио и переводит сразу вашу речь и слова собеседника.
• «Классический». Обычный переводчик, похожий на решение Google или «Яндекса».

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

Шпаргалки по CSS

CheatSheets

CheatSheets — большая шпаргалка по CSS, созданная разработчицей из Индии. В репозитории есть всё необходимое, включая подсказки по работе с селекторами, позиционированием, Flexbox и Grid. Главный плюс в том, что все шпаргалки сопровождаются яркими иллюстрациями.

Читайте также:

Учимся верстать в сетке: большой гайд по CSS Grid

Хитрости CSS

CSS Protips

Ещё один репозиторий с подсказками по работе с CSS, но для продвинутых разработчиков. Если вы уже знаете, как быстро выровнять объекты на странице и перекрасить сразу все кнопки на сайте, переходите к изучению CSS Protips.

Если научитесь использовать хотя бы часть того, что изложено в этом репозитории, то ваши CSS-файлы будут выглядеть более профессионально, а стилизовать страницу станет проще. Вы найдёте здесь особенности применения unset, :not(), :is(), узнаете, как лучше стилизовать битые картинки и использовать :empty для сокрытия пустых HTML-элементов. А ещё познакомитесь с необычным селектором «лоботомированная сова».

Кросс-платформенный файловый менеджер

Jaya File Manager

JayaFM — файловый менеджер на основе .NET Core для Windows, macOS и Linux. Он умеет работать не только с локальными файлами в памяти компьютера, но и с облачными хранилищами, например Dropbox и Google Drive. Фишка JayaFM — плагины, которые расширяют возможности приложения.

Покажите ваши клавиши

YAKD — Yet Another Key Displayer

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

Основные функции:

• захват нажатий клавиатуры и мыши;
• отображение клавиш в окне или показ в полноэкранных приложениях;
• возможность менять шрифт, размер текста, цвет клавиш и фон;
• автоматическое сохранение всех настроек стилей;
• захват окна приложения в OBS для стриминга.

Бесплатный видеоредактор

Оmniclip

Оmniclip — открытый браузерный видеоредактор с базовыми функциями. С его помощью можно нарезать исходник, добавить дополнительные медиафайлы и склеить из всего этого полноценный ролик. Поддерживается рендеринг проектов в различных разрешениях вплоть до 4K.

Приложение находится в процессе развития, поэтому некоторые функции могут работать нестабильно. Кроме того, автор проект планирует добавить визуальные эффекты и функцию редактирования аудио.

Инклюзивный выбор дат

Inclusive Dates

Inclusive Dates — утилита для выбора даты с помощью естественного языка. Не надо искать нужное число во всплывающем календаре. Вместо этого в поле ввода можно просто ввести «послезавтра» или «через 10 дней». Утилита сама найдёт нужное число и выберет его.

Утилита реализована на базе библиотеки Chrono.js и полностью адаптирована для людей с ограниченными возможностями здоровье. Также можно настроить голосовой ввод, чтобы упростить взаимодействие для людей, которые не могут использовать клавиатуру.

Inclusive Dates можно встроить на собственный сайт. Утилита весит всего 45 КБ, но размер можно уменьшить до 4 КБ, если заранее знать язык ввода, которым будут пользоваться посетители.

Король шпаргалок

Сheat.sh

Сheat.sh — ультимативное приложение для терминала с доступом к лучшим репозиториям шпаргалок. Если забыли какую-то функцию в Python или не знаете, как выйти из Vim, то найти ответ на вопрос можно прямо в командной строке.

Особенности утилиты:

• простой интерфейс;
• охватывает 56 языков программирования, различные системы управления базами данных и более 1000 основных команд UNIX/Linux;
• можно пользоваться в офлайне;
• возвращает ответы менее чем за 100 миллисекунд;
• можно интегрировать с редактором кода;

Читайте также:

7 классных инструментов командной строки на каждый день

Ищет SVG и вытворяет с ним всякое

SVG Gobbler

SVG Gobbler — расширение для браузера, которое находит на странице SVG-файлы и позволяет взаимодействовать с ними. Можно редактировать векторные изображения, оптимизировать их размер, копировать, скачивать или экспортировать их в растровых форматах. Плагин доступен для Firefox и браузеров на базе движка Chromium.

Красивая Ubuntu специально для разработчиков

Omakub

Omakub — дистрибутив Linux на базе Ubuntu, созданный с учётом потребностей разработчиков. Сборка включает в себя инструменты для работы с кодом, файлами и удобного взаимодействия с горячими клавишами. На классической Ubuntu это всё пришлось бы устанавливать отдельно.

Кроме того, в Omakub приятная тема, которая хорошо выглядит и не напрягает зрение при долгой работе. Разработчик дистрибутива подобрал цвета и шрифты, созданные для удобного чтения с экрана.

Ещё один плюс операционной системы в том, что она дружелюбна к новичкам. Если давно хотели перейти на Linux, то стоит присмотреться к Omakub. В дистрибутиве есть всё для быстрого и комфортного начала работы.

Читайте также:

Что такое Linux: гайд по самой свободной операционной системе

Избавляемся от всего ненужного

Knip

В любых проектах со временем скапливается мусор: неиспользуемые файлы, библиотеки и зависимости. Всё это захламляет кодовую базу и усложняет работу над проектом. Если вы пишете код на JavaScript или TypeScript и сталкиваетесь с этой проблемой, на помощь придёт Knip — утилита для автоматического удаления мусора в директории проекта.