​​Вопрос от подписчика

Задаёт @ezskal:

"Какие рабочие методы есть для того, чтобы перенести один HTML файл — в другой (на другом домен), с сохранением DOM и стилей на стороне "файла-куда-вставлять", без ущерба скорости загрузки страницы?

Туда же — перенос SVG с внешним доступом к fill и размерам."

NB! Пожалуйста, будьте взаимовежливы. Всем нам нужно место, где можно попросить помощи.

@prog_tools

​​Что такое OpenTelemetry и как она может улучшить качество ваших сервисов

OpenTelemetry — современный инструментарий, который можно применять для отладки и анализа производительности распределённых систем. Разобрали в статье, как популяризация Kubernetes и микросервисов привели к необходимости диагностировать и отлаживать в специальной экосистеме.

@prog_tools

​​Settings Sync | Сохраняем свой «профиль» в VSCode

Интересное решение для тех, кто настроил IDE под себя и периодически меняет машину. Settings Sync позволяет превратить ваши индивидуальные настройки VSCode — расширения, цветовую гамму и прочие тонкие сеты в репозиторий GItHub. Так при смене компьютера перенастраиваться не придется.

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

@prog_tools

​​​Скрытые функции Google Chrome для разработчика

Chrome Dev Tools — один из самых популярных инструментов среди веб-разработчиков. Однако в неём есть некоторые полезные функции, о которых большинство разработчиков не знает. 

В этой статье вы сможете узнать о пяти основных функциях Chrome DevTools, которые могут вам пригодиться:

https://webformyself.com/skrytye-funkcii-google-chrome-dlya-razrabotchika/

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

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

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

Вот, например, некоторые из них:

— Code Beautify: быстро форматируем код и повышаем его читабельность;
— opensourcealternative.to: поиск альтернатив различному софту с открытым исходным кодом;
— Zapier: универсальный автоматизатор рутинных задач. Например, можно настроить на синхронизацию задач с Google Sheets в Trello;
— Convertio: конвертер файлов, поддерживающий более 300 форматов.

Ещё больше полезных сервисов собрали в статье

#подборка #инструмент #general #ru

Remote - SSH | VPS прямо в IDE

Бомбический аддон для VSCode, позволяющий сохранять подключения к серверам как виртуальное окружение. То есть один раз настроил, и теперь подключаешься одной кнопкой, и ls / cd не надо постоянно эксплуатирвать. «Зумеры изобрели FTP».

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

@prog_tools

Мы нашли вход в айтишную Нарнию

И он оказался не в шкафу, а в Telegram. Если интересуетесь темой IT, то скорее вступайте в чат типичных айтишников! Там вы найдёте единомышленников и сможете обсудить волнующие вас вопросы.

Вход в айтишную Нарнию по ссылке.

CSS Peek | Хинты

Напрашивающееся расширение для VSCode, показывающее CSS-класс при наведении на объект.

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

@prog_tools

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

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

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

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

@prog_tools

Auto Rename Tag | Bulk-редактирование HTML-тегов

Все мы там были... Расширение на Visual Studio Marketplace сразу редактирует открывающий и закрывающий теги. Поддерживает HTML, XML, PHP, and JavaScript.

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

@prog_tools

​​GitLens | Теперь сеньор сразу знает, кого ругать за плохой код

Помимо хинтов об авторе участка кода поддерживает еще и всплывающие Blame-аннотации, и уведомляет об изменениях файлов.

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

@prog_tools

Code Spell Checker | Правописание переменных

Если английский — не ваш конёк, то это быстро скажется на именовании объектов в коде. Расширение для VSCode содержит встроенный словарь английского и подсвечивает орфографические ошибки.

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

@prog_tools

Как создать удобную среду разработки приложений для Аврора ОС?

Нужно взять универсальную основу, сделать простой SDK, добавить эмулятор и совместимость с другими операционками. Так появилась Aurora Foundation. Проект уже начал объединять разработчиков ОС, приложений и сервисов, производителей устройств.

Подробнее про технические детали, промежуточные итоги и планы на будущее рассказывает владелец продуктов в Aurora Foundation.

Годных codepen-проектов вам в ленту: Toaster

Проект реализован с помощью HTML и SCSS. Исходники: https://codepen.io/klaufel/pen/OJQBpVQ

👍 — такое нам надо
🗿 — троллейбус_из_буханки_хлеба.jpg

#codepen

Мини-статья: как снизить нагрузку на CRM-систему

Разработчик из ГПБ понятно рассказывает как устроена их система customer relationship management и почему в качестве СУБД остановились на Redis. Сохраняйте себе: https://tprg.ru/08so

Большой обзор: какой язык учить в 2024 году?

МТС оценили Python, JavaScript, Java, TypeScript, Golang, Ruby и Swift по популярности, порогу вхождения и зарплатам. Результат и вывод читайте тут: https://tprg.ru/USgV

​​SaaS-приложение на Django, Stripe, Neon PostgreSQL, TailwindCSS, GitHub Actions

Огромный 11-часовой англоязычный туториал, в котором можно узнать, как:

— реализовать авторизацию на сайте + GitHub Login;
— прикрутить Stripe для оплаты подписки;
— синхронизировать аккаунт в платежном шлюзе с GitHub Actions по расписанию;
— задеплоить проект на Railway и многое другое.

@prog_tools

Regex Previewer | Работа регулярки в соседней вкладке VSCode

Расширение позволяет валидировать регулярное выражение на ваших примерах в параллельных вкладках IDE.

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

@prog_tools

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

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

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

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

@prog_tools

​​Вопрос от подписчика

Задаёт @asleephidden:

«Чем сконвертить в один safetensors файл (пригодный для использования в UI) , если на входе есть выгруженный в виде файлов/папок результат трейна на хаггинфейсовских диффузерах? 
Могу дать пример, но не знаю можно ли ссылки.»

От админа:
— safetensors — формат для хранения тензоров нейросетей в сжатом и безопасном виде;
— @asleephidden, добавляйте ссылки в комментариях под этим постом.

#обсуждение

@prog_tools