​​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 #инструменты

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

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

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

— 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