Подборка новых инструментов и приложений для разработчиков и дизайнеров. Много полезного!

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

  VECTR  

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

  

DATA GIF MAKER

Новый проект Google позволяет вам создать простую гифку, сравнивающую два элемента, заполнив простую форму. Добавьте сравниваемую информацию в левое и правое поля и выберите цвет гифки, и у вас есть визуальный элемент для встраивания в веб-проекты.  

  

EMOJIFY

Добавьте опцию эмоджи в веб-ссылки. Это упрощает управление URL-адресами и является просто забавным элементом.  

  

AUTHENTIQ

С помощью этого инструмента вы можете добавить на ваш сайт мультифакторную аутентификацию, которая не требует паролей. AuthentiqConnect позволяет пользователям решать, как именно повысить свою безопасность - использовать второй фактор, или входить без пароля. Он совместим с OAuth 2.0 и OpenID Connect.  

  

BETTER FONT FINDER

Вы когда-нибудь хотели найти идеальный сгруппированный набор шрифтов Google? Этот инструмент сделает это. Используя фильтры и типы символов, проект позволяет вам просматривать группы параметров со схожими характеристиками, чтобы вы не тратили на это часы.  

  

MINIMALIST PHONE MOCKUPS

Бесплатный макет смарфона включает в себя версии Sketch и Photoshop, чтобы помочь в демонстрации дизайнерских проектов. Он поставляется размерами 6,962 на 4,350 пикселей со сменными цветами для разных устройств.  

  

GRADIENT BUTTONS

Этот инструмент ля дизайнеров, которых тошнит от кнопок в плоском стиле, есть решение – градиент. Галерея кнопок поставляется с различными вариантами градуировки - однократным и многоцветным - с одним щелчком мыши для использования в проектах веб-сайта. В одно мгновение вы можете найти цвет, подходящий палитре вашего сайта.

  

T-SCROLL

Данная библиотека содержит элементы с легкой анимацией и опциями, которые имеют множество приложений. В библиотеке вместо jQuery используется ES6.     (

  

OMG-IMG

Вставьте иконку прямо в свой HTML. Это очень просто: просто вставьте тег, и инструмент Icons8 найдет соответствующий значок и сгенерирует его в нужном стиле, размере и цвете.   

  

  

WORD COUNTER

Word Counter вычисляет количество символов, слов, предложений, абзацев или страниц в реальном времени. Просто введите текст откуда угодно и вы сразу получите статистику. Он также может использоваться для отслеживания длины текста в соответствии с обычными веб-стандартами, такими как количество символов в Twitter, мета-описанием Google и средней длиной отображения Facebook.    T  

  

TRENDY CSS TEXT SHADOWS

Доступен здесь.   Более дизайнерские проекты уходят от плоских стилей к шрифтам со смелыми тенями, представленных в проекте Trendy CSS Text Shadows. Коллекция длинных текстовых теней включает шрифт, цветные образцы и CSS для использования в ваших проектах. Просто прокрутите выделение жирным заголовком.   

  

DOCSIFY

Этот инструмент помогает генерировать документацию для сайта, без создания статических HTML-файлов. Он прост и легок и включает в себя интеллектуальный полнотекстовый поисковый плагин. Работает с несколькими темами.   

  

FRAMER DESIGN

Framer Design инструмент «умной графики» и редактор кода в одном. Облачный инструмент позволяет пользователям делать все в общей рабочей области, предназначенной для работы в командах.   Стоимость от 15$ в месяц.

  

CSS DOODLE

Инструмент для Chrome и Safari создает сетку div, написанную собственным контентом. Все, что вам нужно сделать, это сделать копию для вашего веб-сайта, а компоненты можно стилизовать или управлять ими с помощью CSS.   

Спасибо за ваши апвоуты, комментарии и ре-голоса!

Оригинал статьи здесь.

Я всегда в голосе, @vnukkarpov  
Рекомендую использовать полезные инструменты на http://steemul.ru/
от делегата @xtar
А также познакомиться с инструментами на http://golostools.com/ от  @roelandp  

Мои делегаты: @xtar @on0tole @primus