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

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

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

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

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

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

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

@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

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

Задаёт @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 #инструменты