20 свежих инструментов для разработчиков

Сегодня мы решили представить вам подборку из 20 свежих инструментов для разработчиков. В нее вошли новые программы для создания дизайна мобильных приложений, браузерные расширения, JS-библиотеки и плагины, а также интересные веб-сервисы.

1. Tabio

tabio

Tabio представляет собой расширение для Google Chrome для облегчения работы с большим количеством открытых вкладок. Функция поиска позволяет быстро и просто находить нужную вкладку. Tabio также помогает сортировать вкладки с помощью перетаскивания. Расширение позволяет использовать клавиши ввода, удаления, а также стрелки для навигации по открытым вкладкам.

2. SassLine

Sassline

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

3. Let’s Chat

lets-chat

Let’s Chat – это приложение для обмена сообщениями, работающее на Node.js и MongoDB. Оно было разработано с учетом потребностей небольших команд. Let’s Chat распространяется бесплатно, и поставляется с широким набором функций, включая LDAP/Kerberos-аутентификацию, API по типу REST, а также поддержку XMPP.

4. Wee

wee

Wee объединяет в себе множество компонентов, необходимых для проектировки и разработки адаптивных, интерактивных веб-сайтов и приложений. Это CSS-фреймворк, ориентированный в первую очередь на мобильные устройства, который предлагает базовые стили, а также библиотеку Less-миксинов. И все это при размере архива менее 4 Кб.

Wee организован в виде простой, гибкой иерархии с четкой структурой стилей и скриптов. В основе лежит набор Javascript-инструментов, который выстраивает в логическую, понятную, цепочку то, что зачастую превращается в путаницу.

5. InboxSDK

inboxsdk

InboxSDKjavascript-библиотека, которую можно использовать для разработки браузерных расширений, способных взаимодействовать с Gmail и Inbox от Google. Здесь представлены все нужные API для создания полноценных приложений прямо внутри Gmail и Inbox.

Так как разработка и поддержка SDK все еще ведется, у вас вряд ли возникнут какие-либо проблемы в процессе использования. При работе с InboxSDK, вы взаимодействуете с простыми классами высокого уровня (вроде ComposeView). Нужно лишь запустить простые методы (типа кнопок или объекта), а SDK создаст полноценный DOM—элемент.

6. BasicModal

basic-dialog

BasicModal – включает в себя все необходимое для отображения информации и ввода информации пользователями. Модальные объекты можно связывать между собой, и можно организовать систему поддержки в процессе установки чего-либо, или поэтапного отображения диалоговых окон.

Незаполненные или неправильно заполненные поля можно подсвечивать, а их значения обработать с помощью входящих в состав инструмента функций. BasicModal использует SASS, CoffeeScript, CSS3 Flexbox, и для полноценной работы требует лишь установленного jQuery.

Система прошла успешное тестирование в последних версиях Mozilla Firefox, Apple Safari, Google Chrome, Microsoft Internet Explorer (10+) и Opera.

7. LastAutoIndex

last-auto-index

LastAutoIndex –настраиваемый автоматический индексатор, разработанный в качестве альтернативы предустановленной функции серверов Apache.

Процесс установки очень прост: в файле .htaccess в корневом каталоге на сервере нужно отключить автоматический индексатор Apache, и в качестве индексатора добавить LastAutoIndex. Также можно вносить собственные настройки, и отключать индексацию внутренних папок.

8. Kore.io

koreio

Kore.io – простой в использовании фреймворк для создания масштабируемых веб-API на языке C. Его основные преимущества: безопасность, гибкость, быстрая разработка и реализация API. Благодаря такому подходу, Kore претендует на звание идеального фреймворка для создания веб-приложений.

Используя встроенные в Kore команды, можно компилировать и запускать созданные приложения. Kore предлагает простые в использовании API для ваших собственных приложений.

9. Better Error Pages

better-error-pages

Better Error Pages позволяет быстро создавать страницы-заглушки для ошибок 404, 500, а также для оповещений о технических работах!

Просто укажите необходимый URL, адрес электронной почты и текст сообщения. Затем выберете один из предложенных шаблонов, и внесите в него собственные изменения, включая цвета, изображение и тени. После этого на указанный почтовый ящик будет выслан zip-архив с созданным шаблоном.

10. Vorlon.js

vorlon-js

Vorlon.js — это инструмент с открытым исходным кодом для удаленной отладки и тестирования javascript-кода. Инструмент создан на базе node.js и socket.io. Нужно просто установить Vorlon.JS и добавить единственную строку JavaScript-кода в веб-приложение. Запустите сервер и открывайте консоль Vorlon.js.

Можно одновременно удаленно подключать до 50 устройств. Тестирование кода на каждом из устройств производится всего одним кликом.

11. Scut

Scut

Scut представляет собой набор Sass-утилит для экономии времени путем оптимизации кода общих стилей шаблона. Scut поможет избежать рутинной работы и правильно организовать структуру CSS.

12. Toga

toga

Toga – набор инструментов с элементами графического интерфейса на Python и OS, который входит в состав комплекта BeeWare. Он находится в стадии разработки, и пока что примеры кодов безотказно работают только в OS X и Ubuntu.

13. Sibbell

sibell

Sibbell представляет собой платформу для оповещения разработчиков, которая автоматически сообщает новости GitHub-проектов. Просто подпишитесь на рассылку, и получайте оповещения об обновлениях прямо на электронную почту.

14. Skit

skit

Skit – внешний интерфейс на Javascript-коде для разработки веб-клиентов. Здесь не требуется никаких настроек, и почти 100% кода работает как на серверной, так и на клиентской стороне.

15. Bazel

bazel

Bazel – инструмент разработки от Google, который использовался при создании большей части программного обеспечения компании. Он ориентирован на работу с крупными хранилищами исходного кода, а также тестирование созданного программного обеспечения на соответствие техническим требованиям Google.

16. Atomic

atomic

Atomic CSS позволяет существенно уменьшить размер кода CSS. Инструмент позволяет оптимизировать загрузку страниц, а также исключить зависимости кода.

17. Toolbar.js

toolbarjs

Обновленный вариант Tooltip.js – jQuery-плагин для создания панели с системой подсказок. Внешний вид легко изменяется при помощи иконок из набора Font Awesome.

18. Tweetable

tweetable

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

19. Bind

bind

Bind представляет собой экспериментальный OS X инструмент с открытым исходным кодом для разработки пользовательских интерфейсов. Он позволяет создавать дизайны при помощи GSS – специального языка для полуавтоматической разработки интерфейсов.

20. Insignia

Insignia

Insignia позволяет добавлять элементы ввода и менять их внешний вид. Очень простой в использовании, прогрессивный скрипт.

Перевод статьи “20 Fresh Tools for Developers June 2015” был подготовлен дружной командой проекта Сайтостроение от А до Я.