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

Taiga — платформа управления проектами для agile-разработчиков

Также она будет полезна дизайнерам, менеджерам проектов и т.д

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

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

#agile #веб

Choose an License — отличная подсказка для тех, кто выбирает лицензию для своего продукта

Отвечая на вопросы, представленные на странице, вы сможете подобрать нужную именно вам open source лицензию

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

#open_source #шпаргалка

DevHub — аналог TweetDeck, но для GitHub

С помощью сервиса можно просматривать активность репозиториев и управлять своими уведомлениями, создавая колонки с фильтрами, сохраняя элементы на потом и т.д

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

#github #веб

Вакансии для Junior-разработчиков

Сегодня МТС — это технологичная экосистема, в которой создают и развивают сервисы в финтехе, медиа, стриминге, облаках, IoT, AI, Big Data и не только. И для этого они ищут джуниоров и вкладываются в их обучение и карьерный рост.

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

Узнайте подробнее о вакансиях и проектах, и станьте частью команды МТС.

#работа #вакансии

HTML Minifier — сервис для лёгкой минимизации HTML, CSS и JS

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

Минималистичный дизайн проекта помогает пользоваться им, так как не запугивает огромным числом непонятных настроек и пунктов

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

#html #css #js

TinyPNG — сервис для «умного» сжатия картинок

Да, сжимать можно не только код, но и медиафайлы.

TinyPNG использует интеллектуальные методы сжатия с минимальными потерями для уменьшения размера файлов WEBP, JPEG и PNG

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

Стоимость: #бесплатно (но есть необязательный тариф с увеличенными лимитами исходных файлов)

#png #медиа