​​CSS values — это полезный инструмент, который показыват порядок расположения параметров у CSS свойства. Например: margin: [margin-top] [margin-right] [margin-bottom] [margin-left]

cssvalues.com

#css #tools

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

Чтобы знать о неиспользуемых файлах в проекте, добавьте в свой конфиг unused-files-webpack-plugin.

NPM | GitHub

#webpack #tools

Barba.js — это небольшая JavaScript бибилиотека, с помощью которой можно сделать плавные переходы между страницами. Библиотека уменьшает задержку между переходами, минимизирует HTTP-запросы и улучшает UX.

Демо | GitHub

#js #tools

Во время разработки на OSX часто можно перепутать строчные и заглавные буквы в пути при импорте модуля. На маке сборка соберется, но на других чувствительных к регистру системах она упадет. Если хотите избавиться от этой проблемы, нужно поставить case-sensitive-paths-webpack-plugin.

Теперь при импортировании модуля с неправильным регистром вы всегда будете получать ошибку.

NPM | GitHub

#npm #tools

Open in Browser — это расширение для VS Code благодаря которому, через контекстное меню, можно открыть страницу в браузере, заданном по умолчанию, или в каком-нибудь другом браузере, установленном в системе.

VS Code Marketplace | GitHub

#vscode #tools

Hammer.js — это JavaScript библиотека распознавания жестов прикосновения. Задайте области, к которым нужно прикоснуться, и ждите, когда события попадут в функции слушателя.

Демо | Github

#js #touch #tools

WakaTime — это трекер времени для программистов. Его можно установить в IDE или редактор кода и он будет отслеживать время работы над проектами. Трекер записывает сколько времени вы работали с тем или иным языком программирования, проектом, редактором кода. Просмотреть статистику можно в удобном дашборд. Поддерживает все современные IDE и редакторы кода.

Сайт | GitHub

#tools #productivity

Топ 5 сайтов для прокачивания навыков программирования в 2020 году

Решение задач — хороший способ развить навыки разработки и найти пробелы в знаниях. В статье есть топ 5 сервисов для проверки и апгрейда своего скила.

Читать статью

#article #tools #coding

🛠 TensorFlow.js — это открытая библиотека для определения, тренировки и развертывания моделей машинного обучения в браузере. Позволяет строить нейронные сети с нуля, используя высокоуровневое API, умеет импортировать переобучать и запускать существующие нейронные сети. Поддерживает WebGL и умеет подключать к работе вычислительные мощности видеокарты.

Демо | GitHub

#tools #js #ai

🛠 CSS Peek — это полезное расширение для VS Code, которое позволяет добавить опцию "Go to definition" к CSS классам в HTML коде. Кликнув на эту опцию вы сразу перейдете к коду класса. Это невероятно удобная мелочь для веб-разработчиков.

💾 Установить

#tools #vscode