ПРОИЗВОДИТЕЛЬНОСТЬ

Инструменты для улучшения рабочего процесса разработчика

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

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

  • Иллюстрации
  • Разработка
  • Инструменты CSS

Иллюстрации

"Краснеть"

Blush позволяет настраивать и бесплатно загружать отличные иллюстрации для личного и коммерческого использования. Веб-сайт очень прост в использовании и очень мощный, вы можете настроить каждую иллюстрацию, добавив множество деталей, для создания уникальных результатов. Они предлагают загрузку изображений в разных форматах, хотя для некоторых расширений требуется платный план. Поскольку на момент написания SVG требуется бесплатный план, вы можете бесплатно скачать изображения PNG.

DrawKit

DrawKit предлагает 100% бесплатные рисованные векторные иллюстрации и ресурсы значков. Они также предлагают анимированные иллюстрации от Lottie. Этот веб-сайт потрясающий, и иллюстрации отличные, я использовал их много раз, и я был очень им доволен.

Бесплатные иллюстрации

Вы когда-нибудь посещали веб-сайт с потрясающим фоновым изображением на целевой странице? Вы, вероятно, думаете, что что-то подобное может стоить больших денег. Бесплатная иллюстрация предоставляет высококачественные и красиво оформленные фоновые изображения для вашего сайта бесплатно, но есть загвоздка, если вам нужна версия изображений в формате Full-HD, есть небольшая плата, которая связано с этим.

Разработка

"Переполнение стека"

Если вы веб-разработчик или любой другой разработчик, скорее всего, вы знакомы с Stack Overflow. Но если нет, вы многое упускаете. Это веб-сайт, на котором вы найдете ответы на все вопросы о разработке и многое другое.

"Могу ли я использовать"

Если вы фронтенд-разработчик, вы, вероятно, хорошо знаете о кошмаре совместимости между браузерами. Иногда, например, мы хотим использовать простые функции JS, такие как find (), чтобы позже узнать, что они не будут работать в IE. Каждый раз, когда вы не уверены в совместимости JavaScript API браузера или свойства CSS, обязательно заходите на этот веб-сайт.

JWT IO

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

Инструменты CSS

Разделитель формы

Иногда мы видим веб-сайты с красивыми разделами, разделенными кривыми или другими формами, и мы хотим использовать их на наших веб-сайтах. Но репликация некоторых из этих форм может быть сложной или трудоемкой. Встречайте Shape Divider, инструмент, который позволяет сгенерировать базовый код CSS для разделов всего за несколько щелчков мышью.

Анимиста

Если вам нравится CSS-анимация, то сайт animista - это ваш сайт. Упакованный с десятками простых в использовании CSS-анимаций, это идеальное место, если вы хотите испытать фрагменты кода или просто ищете вдохновения. Все анимации можно предварительно просмотреть на их веб-сайте, и вы можете полностью настроить их до получения кода. Я уже говорил, что это бесплатно?

Инструменты веб-кода

Этот сайт предлагает инструменты генерации почти всего, что вам нужно в CSS и HTML, от градиентов, границ и теней до информации метатега, открытого графика и т. Д. Это очень полный и незаменимый инструмент, если вы создаете веб-сайты.

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

Спасибо за прочтение!