Свежие ресурсы для веб-дизайнеров и разработчиков (январь 2016 г.)

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

У нас есть красивый шрифт, который может быть вашим Helvetica Neue замена, библиотека JavaScript для тестирования давления прикосновения и удобный инструмент для регистрации ошибок JavaScript. Давайте проверим их.

Нажмите для получения дополнительных ресурсов

Найдите всю нашу коллекцию рекомендуемых ресурсов и лучшие доступные инструменты веб-дизайна и разработки.

OverPass Шрифт

эстакада font это бесплатный шрифт, вдохновленный Highway Gothic. Highway Gothic является широко распространенным шрифтом во многих странах. для дорожных знаков из-за его разборчивости на расстоянии и высоких скоростях. Шрифт OverPass имеет четыре веса шрифта (тонкий, обычный, полужирный и полужирный), прописные и строчные буквы, а также может быть преобразован в веб-шрифт..

Лицензия: OFL (Open Font License)

Pa11y

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

Больше ресурсов по доступности:

Современный Интернет и Доступность [Видео]
Плейлист: доступность Томаса Брэдли [видео]
Взгляд на веб-стандарты ARIA и доступность приложений HTML

PressureJS

Force Touch от Apple в основном измеряет давление пальцев на экран или трекпад, которые можно использовать для добавления дополнительных функций. Разработчики могут воспользоваться этой технологией, чтобы повысить удобство использования в своих родных приложениях для OS X или iOS. PressureJS библиотека JavaScript, которая подключается к API Force Touch и позволяет применять его на своих сайтах.

SplitJS

SplitJS это легкая библиотека JavaScript, которая позволяет разбить окно просмотра окна браузера на несколько разделов. Вы, возможно, видели его обычно используемым в веб-приложениях для совместного использования кода, таких как CodePen.io, JSFiddle или JSBin, где рабочие пространства HTML, CSS и JS разделены на свои собственные разделы..

FlexibilityJS

Flexbox значительно упрощает организацию веб-макетов. Тем не менее, поскольку он не работает в Internet Explorer 9 и 8, веб-разработчикам часто приходится возвращаться к использованию заведомо хлопотных поплавок имущество. FlexibilityJS здесь, чтобы вы могли используйте Flexbox, не оставляя позади старых браузеров.

LabellaJS

LabellaJS марки создание маркированной временной шкалы намного проще У вас есть несколько вариантов для управления позицией, направлением, шириной, высотой и алгоритмом разметки. Он работает с загрузчиком AMD, таким как RequireJS, и может прекрасно использоваться вместе с Browserify и Node.js. Не требуется зависимость.

маленький

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

Grav

Grav основанный на плоском файле CMS похож на Jekyll, генератор статических сайтов. Тем не менее, он может быть расширен через Темы и Плагины, так же, как WordPress. Например, вы можете установить, чтобы добавить Панель администратора, Шорткоды, Комментарии, Формы и Карта сайта. В целом это отличная CMS, которая также может быть отличным конкурентом для более устоявшейся CMS.

PatternPack

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

OhCrash!

Отладка в JavaScript может быть очень сложной. Ваши пользователи могут столкнуться с ошибками, с которыми вы, вероятно, не сталкивались при разработке и развертывании, поскольку у вас уже есть идеальные настройки. Хитрость здесь в том, что ошибка регистрируется только в браузере пользователя. С OhCrash Ты можешь сейчас поместите журнал в свои репозитории Github, так что вы лучше осведомлены об ошибке.