Новые инструменты для веб-дизайнеров и разработчиков
Инструменты веб дизайнера, которые развеют ваши догадки о программировании, улучшат визуализацию данных и многое другое.
В этом месяце вышли два отличных инструмента для быстрого создания анимаций, несколько ресурсов для обучения, а также появились новые пути, по которым можно найти новые знакомства и возможности.
01. Lottie
Lottie – это инструмент, разработанный Airbnb, который позволяет добавлять анимации высокого качества к нативным приложениям. В нем есть iOS, Android и React Native библиотеки, которые производят рендеринг After After Effects анимаций в режиме реального времени, так что их использование больше не является проблемой. Lottie сохраняет маленький размер файла, и вы даже можете совсем удалить файлы с анимацией из вашего кода, если загрузите их с помощью JSON API.
02. dataviz.tools
Создатель этого сайта сократил свою коллекцию закладок, состоящую более чем из 900 инструментов по визуализации данных, до 400 самых лучших вариантов. Затем он организовал их по удобным категориям, таким как JavaScript и D3 библиотеки, карты, data cleaning, инструменты для дизайнеров и так далее.
03. Awesome case study
Отличный список технических исследований по фронтенд/креативным разработкам. Это хороший способ узнать, как разные разработчики решают задачи и создают интересные вещи.
04. Awesome falsehoods
Еще один отличный список: на этот раз о ложных мифах, в которые верят программисты. Включает в себя недопонимания об именах, временных зонах, картах, географии, менеджерах пакетов, путях файлов и многое другое.
Эти мифы позволяют небольшим ошибкам пробираться внутрь сайтов и создавать проблемы в некоторых конкретных ситуациях. Прочитайте весь список, чтобы бросить вызов своим предположениям и избежать программных ошибок. Особенной интересная статья – “Большой список непослушных строк“, в которой рассказывается о пользовательских данных, которые, скорее всего, приведут к неисправности.
05. TalkJS
Добавьте чат в ваше веб приложение с помощью этого простого инструмента, который превращает любой <div> в окно чата. С его помощью продавец может общаться с покупателем, или пользователи друг с другом, образуя социальную платформу.
06. data.world
Data.world называет себя “социальной сетью для людей с данными”, и позволяет вам присоединиться к другим людям, работающим с визуализацией данных. Этот инструмент поможет вам находить, понимать, подготавливать и делиться данными. К тому же вы сможете просматривать тысячи бесплатных дата-сетов от других пользователей.
07. HTML Reference
Этот гайд по HTML5 элементам и атрибутам является полезной шпаргалкой, которая поможет вам быстро узнавать что делает элемент и как его можно использовать. Есть похожий ресурс для CSS: CSS Reference.
08. Daily opportunity email
Каждый день создатель этого email списка спрашивает людей о проблемах, с которыми они сталкиваются в работе, а затем советует программы, с помощью которых их можно решить. Ответ отправляется по почте всем подписчикам. Звучит как отличный способ найти идеи и возможности для своих проектов.
09. Layersnap
Layersnap – это вспомогательный инструмент для Snap.svg, который упрощает работу с SVG анимациями. Он позволяет конфигурировать вещи, редактируя атрибуты SVG разметки. К тому же вы сможете создавать анимации из слоев, созданных в Illustator.
10. WebGradients
Создавать бэкграунды из линейных градиентов достаточно легко, но если вы не очень ладите с цветами и ищете легкое решение, то на этом сайте есть 180 готовых бесплатных градиентов, которые можно использовать бесплатно.