Новые инструменты для веб-дизайна (ноябрь)

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

01. Shave

Есть много плагинов для сокращения текста внутри HTML элемента, но этот на голову выше остальных: не требует дополнительных файлов, сохраняет оригинальный текст, требует только селектор и максимальную высоту, а также очень мало весит (около 1.5кб). Не влезающий текст хранится в скрытом элементе.

02. Vivaldi

Vivaldi – это быстрый, настраиваемый веб-браузер для программистов, созданный людьми, участвовавшими в разработке Opera. Vivaldi, названный «Браузером для наших друзей», построен с использованием веб-технологий: JavaScript и React были использованы, чтобы сделать пользовательский интерфейс, также как и Node.js и множество NPM модулей. Это самый настраиваемый браузер в сети, и у него есть и другие интересные функции, такие как управление командной строкой.

03. ES6 Cheatsheet

Если вы мучаетесь с новым JavaScript синтаксисом, эта шпаргалка должна помочь. Она использует небольшие участки кода, чтобы объяснить важность нового синтаксиса, и утверждается, что они настолько сжато изложены, что уже через 5 минут вы сможете читать и понимать современный JavaScript.

04. Turbo.js

Turbo.js позволяет использовать GPU для сложных вычислений и получать результаты с помощью JavaScript. Работает от одной функции и позаботится о преобразовании данных.

05. JSNice

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

06. In Vision Inspect

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

07. StockJo

StockJo – это большая коллекция бесплатных фотографий, звуков, графики, шрифтов, видео и многого другого.

08. Startup Collections

Startup Collections – это ресурс, которые объединяет в группы инструменты, необходимые для достижения разных целей: монтаж видео, создание цветовой палитры, поиск фрилансеров, SEO, создание монетизации на сайте и многое другое.

09. Music for programming

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

10. funcssion

funcssion – это набор очень простых CSS классов, с одним-единственным предназначением. Они должны помочь в создании прототипов и написании кода, который может быть понят через HTML-файл, без необходимости прокручивать CSS.

Перевод статьи 10 best new web design tools for November
Автор оригинального текста: Tanya Combrinck