LottieFiles — сервис для облегчения создания motion-анимаций для ваших проектов

Здесь можно не только скачать удобные плагины для специализированных программ, но также воспользоваться бесплатными редактируемыми шаблонами

Отдельным пунктом стоит отметить наличие большого количества обучающих материалов по теме

Стоимость: #бесплатно

#дизайн #бесплатно

LinkPreview API — предварительный просмотр веб-ссылок с помощью надёжного API-сервиса

Разработчики предлагают пользователям подробный JSON-ответ для любого URL

Платформа поддерживает множество популярных веб-сайтов и поставщиков контента, таких как Amazon, Youtube, Twitter, Wikipedia, Airbnb и т.д

Стоимость: #бесплатно (но есть платные подписки)

#api #url

Studio 3T — профессиональный графический интерфейс для MongoDB

С помощью инструмента вы сможете не только добавлять, редактировать и перемещать этапы агрегирования, но также определять операторы и проверять входы и
выходы на каждом этапе конвейера. Это заметно упростит отладку и гарантирует точность запросов на каждом этапе. И это лишь часть функционала!

Сначала вам предложат 30-дневный пробный период Studio 3T, а затем переведут на вечный бесплатный тариф. Если захотите вернуть себе возможности Pro-версии, достаточно будет оформить подписку

Стоимость: #бесплатно (но есть платный тариф)

#mongodb #бд #web

JSON Formatter — Chrome-расширение для красивой печати JSON при посещении «напрямую» во вкладке браузера

Из интересных особенностей инструмента можно отметить поддержку JSONP, быструю работу даже на длинных страницах и подсветку синтаксиса

Разобранный JSON экспортируется как глобальная переменная json, поэтому его можно просмотреть в консоли

Стоимость: #бесплатно

#расширение #json

KeyCode Info — инструмент для работы с кодами клавиш для JS-разработчиков

Платформа предлагает вам нажать любую клавишу на клавиатуре, после чего предложит достаточно подробный список информации о ней

Например, с помощью KeyCode Info можно узнать event.location, event.which и т.д

И как вишенка на торте — инструмент распространяется имеет открытый исходный код

Стоимость: #бесплатно

#js #web #open_source

Can I Use — инструмент для проверки браузерной поддержки свойства

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

Несмотря на то, что сервис достаточно старый, его поддержка продолжается до сих пор — новые свойства и версии браузеров добавляются по мере их выхода

Стоимость: #бесплатно

#web #css #browser

Flexbox Playground — отличный инструмент для визуализации работы флекс-свойств

При этом вы можете добавлять огромное количество блочных элементов внутрь одного контейнера — сервис не стремится ограничивать вас в этом

Отдельно стоит отметить приятный дизайн и понятный интерфейс самого инструмента

Стоимость: #бесплатно

#web #css

RGB to HEX — конвертер цветов между разными цветовыми схемами

Очень удобный инструмент на случай, если под рукой нет Figma или какого-либо иного редактора

Отметим, что в обратном порядке тоже работает, т.е. можно конвертировать HEX в RGB

Стоимость: #бесплатно

#цвет #web

You might not need jQuery — страница, демонстрирующая что на jQuery свет клином не сошёлся

Здесь можно найти огромное количество «фишек» библиотеки, которые реализуются встроенными средствами современных браузеров

Особенно это справедливо для случаев, когда проект не подразумевает поддержку Internet Explorer

Стоимость: #бесплатно

#jquery #js #web

You might not need JavaScript — страница, которая показывает, что бывают случаи, когда можно обойтись и без JS

Вчера мы уже рекомендовали похожий веб-сайт, но для jQuery. Теперь очередь дошла и до JavaScript

Например, здесь можно увидеть реализацию слайдера, форм валидация, поля для загрузки файлов, которые реализованы лишь силами HTML и CSS

Стоимость: #бесплатно

#html #js #css

В последнее время то и дело появляются новости о новых проектах, призванных заменить программистов

Но что если эти инструменты не просто безопасны для разработчиков, но даже полезны? Чего только стоят GitHub Copilot и различные ИИ-модели от OpenAI.

В том, какие из них полезны, что вообще из себя представляют и как это, облегчать свою работу с их помощью, разбираемся вместе со специалистами из МТС в статье: https://tprg.ru/sSLG

#ии #github #нейросети

Oh, Shit, Git!?! — отличный сервис на случай, если в облажались во время работы с Git

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

Например, если вам надо поменять текст в последнем коммите или если в мастер отправилось то, что должно было уйти в новую ветку

Стоимость: #бесплатно

#git #помощь

Does it mutate — шпаргалка для понимания, какие методы изменят массив в JS, а какие нет

При этом страница не только помогает понять изменяемость массива при помощи функции, но также и то, как именно ею пользоваться

Приятная мелочь: к каждому примеру есть ссылка на документацию

Стоимость: #бесплатно

#js #web #шпаргалка

CSS Background Patterns — красивые фоновые узоры, сделанные при помощи чистого CSS

При этом сервис даёт возможность изменять цвета отдельных элементов паттернов, их прозрачность и регулировать пространство между ними

Стоимость: #бесплатно

#css #бесплатно

Easings — наглядный справочник по easing-функциям с примерами

Суть таких функций в том, чтобы задать скорость изменения параметра во времени

Благодаря данному сервису вы сможете выбрать подходящую именно вам функцию смягчения, а также посмотреть, как она устроена с точки зрения CSS и даже математики

Стоимость: #бесплатно

#web #css #open_source

Regex 101 — редактор и тестер регулярных выражений с объяснениями каждого символа и примерами

На выбор пользователям предложено несколько языков, начиная от Python, заканчивая C#. Также есть несколько вариантов функций, которые должно покрывать регулярное выражение

Отличный инструмент для тех, кто ещё «плавает» в регулярках и хотел бы лучше понять, как они устроены

Стоимость: #бесплатно

#regex #бесплатно

Specificity Calculator — онлайн-калькулятор специфичности селекторов

Данный инструмент является отличным наглядным способом понять специфику CSS. Для этого вам достаточно «поиграться» с селекторами: изменить их или вставить свои собственные

Стоимость: #бесплатно

#css #web

Netlify — сервис для создания, развертывания и управления современными веб-проектами

С его помощью можно легко и быстро объединить ваши любимые инструменты и API, чтобы с их помощью создать самые быстрые сайты, магазины и веб-приложения

Стоимость: #бесплатно (но есть платные тарифы)

#web #api #бесплатно

GitHub Gist — сервис хранения фрагментов кода, созданный командой GitHub

Он позволяет делиться кусками своего проекта или просто небольшими скриптами с вашими друзьями или коллегами

Стоит отметить, что у сервиса также имеется интеграция с текстовым редактором Sublime Text, что позволяет сохранять фрагменты кода буквально в пару кликов

Стоимость: #бесплатно

#github #code #web

Gitter — сервис для обмена сообщениями, построенный на интеграции с GitHub

Его отличительная особенность заключается в тесной работе с организациями, репозиторями, ошибками и активностью

Также платформа имеет интеграцию с Trello, что может быть полезно для команд, использующих с данной доской

Стоимость: #бесплатно

#web #github #trello