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

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

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

1. FontForge

fontforge

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

2. Lotus

lotus

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

Lotus состоит из отдельных фреймворков (контроллеров, окон просмотра и т.д.), и каждый из них представлен как независимая система управления библиотеками программирования.

3. Infinit

infinit

Infinit представляет собой сервис для хранения и обмена файлами, основанный двумя французами, Жульеном Куинтардом и Баптисте Фрадином. Этот сервис позволяет отправлять файлы любого размера и с любого устройства.

В Infinit передача файлов от отправителя к получателю происходит с помощью прямого подключения между компьютерами пользователей. Именно это отличает данный проект от облачных сервисов вроде WeTransfer, YouSendIt (Hightail) и Dropbox, где нужно сначала загрузить файл на облако, а потом отправить его другому пользователю.

4. Game Analytics

gameanalytics

GameAnalytics – бесплатный аналитический сервис, созданный разработчиками игр для своих коллег. Здесь предусмотрены типы событий (events) и присущие игровой отрасли метрики, что позволяет более эффективно собирать статистическую информацию.

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

5. CSS Plus

cssplus

CSS Plus — простой и быстрый способ создания гибкой разметки при помощи системы моделирования flexbox. Эта спецификация CSS позволяет создавать гибкие контейнеры, дочерние элементы которых будут автоматически подстраиваться под изменения данного контейнера. Она поддерживается Chrome 14, Internet Explorer 10, Firefox 6, Safari 4, Opera 12.10.

6. Styleguide

Styleguide

Styleguide – инструмент для создания и поддержки гайдлайнов. Все что вам нужно сделать, это добавить документ в отдельную папку проекта, и использовать его так же, как вы используете CSS. После импорта сгенерированного файла внутрь вашего HTML-кода Style guide синхронизируется с вашим проектом.

7. Huginn

huginn

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

8. Luanchkit’s App Website Tool

launchkit

LaunchKit’s App Website Tool создает и размещает в сети ресурсы, оптимизированные под мобильные устройства. Инструмент будет полезен для тех, кому необходимо быстро запустить собственный веб-сайт или приложение. LaunchKit предлагает 9 простых и привлекательных вариантов дизайна для веб-сайтов.

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

9. Spectacle

spectacle

Spectacle представляет собой библиотеку презентаций, основанную на React. С помощью Spectacle можно создавать слайды на основе JSX. Инструмент поддерживает теги Deck, Slide, и разметочные теги, которые позволяют отображать текст в нужном месте, не отвлекаясь на написание кода CSS.

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

10. Material Design Lite

material-design-lite

Инструмент не основывается на каких-нибудь JavaScript-фреймворках, и оптимизирован под кросс-платформенное использование. В нем предусмотрены варианты решений для устаревших браузеров. Все компоненты разработаны при помощи CSS, Javascript и HTML. Их можно использовать для создания привлекательных и полноценных веб-страниц и веб-приложений.

Страницы, созданные с использованием MDL (Material Design Lite), отвечают всем требованиям современного веб-дизайна: отсутствие привязок к устройствам, а также предусмотренные запасные варианты для устаревших браузеров.

11. Spot.IM

spotim

Spot.IM – сервис, который позволяет превратить любой сайт в социальную сеть.

Технология Spot.IM предлагает издателям вновь взяться за управление своим контентом, и перестать надеяться в этом на крупные социальные сети.

12. Any API

anyapi

Any API представляет собой подборку из более чем 100 высококачественных открытых API, созданных и поддерживаемых APIs-guru и LucyBot. Некоторые из представленных интерфейсов были созданы Google и YouTube.Также здесь можно найти API из множества других популярных сервисов.

13. Punk CSS

punkcss

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

14. Shorten.LI

shortenjs

Бесплатный javascript-сниппет, который сокращает URL на стороне клиента. Используя всего пару строк кода, вы сможете сократить длинные URL-адреса, которые впоследствии можно использовать, например, в Twitter.

15. Kirki

kirki

Набор WordPress-инструментов для разработчиков, который позволит без труда вносить изменения в код при помощи стандартного редактора WP.

16. Boron

boron

Boron представляет собой коллекцию диалогов с эффектом анимации, основанных на фреймворке React.js.

17. Form 5

html5-form-support

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

18. Snappy

snappy

Snappy использует PHP5 для создания скриншотов или PDF-документов, которые генерируются после URL или HTML-страницы. Инструмент использует утилиты wkhtmltopdf и wkhtmltoimage, созданные на основе WebKit.

19. Hobo

hobo

Hobo – подборка Ruby gems и плагинов, распространяемых с открытым исходным кодом. Инструмент предназначен для создания из программных прототипов или внутренних утилит полноценных веб-приложений.

20. AddUI

addui

addUI Store представляет собой простой в использовании jquery-плагин, с помощью которого можно развернуть полноценный интернет-магазин на основе любого сайта. Плагин написан на JavaScript (jQuery). PHP здесь используется для проверки ценников товаров, указания общей стоимости корзины, а также для безопасного проведения платежей.

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