WireViz | кабеля и порты наглядно

Эта библиотека на Python принимает YAML-файлы и возвращает шикарные диаграммы на базе GraphViz. Наконец-то и здесь можно прибраться.

На входе:

connectors:
 X1:
  type: D-Sub
  subtype: female
  pinlabels: [DCD, RX, TX, DTR, GND, DSR, RTS, CTS, RI]
 ...
cables:
 W1:
  gauge: 0.25 mm2
  length: 0.2
  color_code: DIN
  wirecount: 3
  shield: true

connections:
-
  - X1: [5,2,3]
  ...  

На выходе диаграмма на картинке.

Сисадмины, как вы ведёте записи об архитектуре железа?
🌚 — отрисовываю вручную
🏆 — своё (напишите в комментариях)
🌭 — никак

Цена: бесплатно
Проект на GitHub

@prog_tools

Multiple Cursor Case Preserve | Сохраняем регистр при одновременном переименовании объекта в нескольких местах

Наконец эта микрофрустрация — необходимость восстанавливать регистр при одновременном переименовании, уходит в прошлое. Самое время VSCode «зашерлочить» эту замечательную фичу, а пока её можно получить с помощью бесплатного расширения.

p.s. Для тех, кто ещё только осваивается: одновременное редактирование в VSCode начнётся, если удерживать Alt на при выборе всех одновременно меняемых объектов.

Цена: бесплатно

Расширение на Visual Studio Code

@prog_tools

Path Intellisense | Умное дописывание путей

Ещё одно топовое расширение для популярной IDE, которое стоит «сшерлочить». Если автодополнением основных объектов кода могут похвастаться уже почти все, то с path почему-то лишь это расширение.

Цена: бесплатно
Расширение на Visual Studio Marketplace

@prog_tools

​​Поздравляем!

Вы так долго листали, что долистали до подборки бесплатных книг. Обмана нет, вот ссылка на репозиторий.

Помимо большого количества технических книг по разным ЯП, инструментам, фреймворкам и стекам, тут есть и полезные статьи, подкасты и прочие обучающие материалы. Все ресурсы рассортированы по языкам. Есть в том числе и русский.

#подборка #книга

​​TODO Highlight | Подсветка тудушек

Название говорит само за себя: «маркерная» подсветка задач прямо в IDE. В дополнение, ещё и представление со всеми такими тасками в проекте.

Цена: бесплатно

Расширение на Visual Studio Marketplace

Ещё используете TODO в 2024?

⚡— да, это вечная тема
🌭 — нет, все в таскере
🌚 — могу позволить себе забить на «тудушку» вообще
🐳 — своё (напишите в комментариях, что именно)

@prog_tools

​​Я: Сервер упал

Босс: Просто перезагрузи его

Я: Боюсь, всё не так просто...

​​Вопросы от новичков

«Инструменты...» поддерживают новоприбывших в особой рубрике. Как это работает:

— Спрашивайте что угодно (в комментариях под этим постом), связанное с веб-разработкой. Здесь нет плохих вопросов!
— Сообщество вас поддержит. Самые интересные вопросы мы разберём в отдельном посте;

#вопросыновичков

@prog_tools

​​annyang! | Голосовое управление на вашем сайте

Крошечная text-to-speech утилита на JavaScript, позволяющая управлять веб-страницей голосом. Поиграться с демо можно здесь (разрешите на сайте JS и микрофон).

Цена: бесплатно
Репозиторий проекта

@prog_tools

​​apexcharts.js | dataviz HQ

Инструмент позволяет рендерить графики в React / Vue и других фреймворках. По заверениям авторов, в библиотеке 100 видов визуализации, причем интерактивных.

Цена: бесплатно
Репозиторий проекта

@prog_tools

​​Игра «Охота на утку» на CSS

Помните эту легендарную игру на Dendy, где нужно было выстрелить из специального ружья в кинескопный телевизор? Сегодня такую игру может создать практически любой, даже не используя языки программирования.

Автору этой реализации хватило HTML и CSS, обёрнутых препроцессорами: https://tprg.ru/eVuM

#codepen

Шпаргалка по всем шпаргалкам

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

Сайт, который достоин быть в закладках

#шпаргалка #general #ru

​​margin и padding в CSS: как сразу сделать грамотно

Разбираемся в ключевых отличиях между этими важнейшими свойствами, а также знакомимся с трюками, чтобы UI / UX вашего сайта стал еще круче и грамотнее.

@prog_tools

​​Вопросы от новичков

«Инструменты...» поддерживают новоприбывших в особой рубрике. Как это работает:

— Спрашивайте что угодно (в комментариях под этим постом), связанное с веб-разработкой. Здесь нет плохих вопросов!
— Сообщество вас поддержит. Самые интересные вопросы мы разберём в отдельном посте;

#вопросыновичков

@prog_tools

​​crumbicon | фавиконы, отрисованные мышью

Необычный проект на языке Crumb, этакий мини-Photoshop для иконок 8 x 8 или 16 x 16 в 256 цветов. Поддерживает заливку, пипетку, пресеты — цветовые гаммы.

Цена: бесплатно
Репозиторий проекта

@prog_tools

Интерактивный grep

sig позволяет пользователям осуществлять интерактивный поиск (потоковых) данных в режиме реального времени без остановки компиляции / интерпретации.

Цена: бесплатно
Репозиторий проекта

@prog_tools

AI Headshot | Аниме-аватарки

Годное приложение с нейронкой, генерирующее анимешные аватарки так, как это сделал бы Midjourney: роскошно, но бесплатно. Как раз для сеньорского профиля в GitHub / Stack Overflow.

Цена: бесплатно
Приложение на Google Play
Приложение на App Store

​​Шпаргалка: SQL команды для любого программиста

Даже не у бэкенд-программиста периодически возникает потребность работы с SQL. И чтобы расширить свою эрудицию как разработчика, сохраняйте основные SQL-команды на каждый день.

Такая подборка будет полезной при подготовке к собеседованию или просто чтобы освежить знания работы с БД.

#шпаргалка #sql #db #ru

​​​​Основные коды состояния HTTP на котиках

Недавно писали про расшифровку большинства самых популярных кодов состояния HTTP. А вот забавный проект, который показывает коды состояния на котиках.

Можно использовать в своих проектах — по ссылке с указанием кода сервис отдаёт мем, который наглядно иллюстрирует код ошибки: https://http.cat/

#инструменты

​​11 сайтов, экономящих время, которые нужны каждому разработчику

В сутках не хватает часов на все задачи? Вы не одиноки, все окей. Собрали 11 полезных сайтов, которые помогают сэкономить время на рутинные задачи.

@prog_tools

​​Вопросы от новичков

«Инструменты...» поддерживают новоприбывших в особой рубрике. Как это работает:

— Спрашивайте что угодно (в комментариях под этим постом), связанное с веб-разработкой. Здесь нет плохих вопросов!
— Сообщество вас поддержит. Самые интересные вопросы мы разберём в отдельном посте;

#вопросыновичков

@prog_tools