Wordyblend logo

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

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

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

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 готовых бесплатных градиентов, которые можно использовать бесплатно.