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

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

В этом месяце появились инструменты, которые помогут вам программировать более эффективно, будь то перенос сложных вычислений на 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