Developer’s Notes #7 🚀

Дизайн / разработка / инструменты ну и Game Dev не забыл.

Developer’s Notes #7 🚀

Developer’s Notes #7 🚀

Art Levels_crop_04 by RomainTrystram
Art Levels_crop_04 by RomainTrystram

Design

Музыкальный UI

Запустили сервис, где можно послушать звуки из разных продуктов.. весьма странная штука.. но да. Цель понятна.

Вот эти видосы действительно интересно посмотреть..

Как люди интерпретируют разные звуки..

Очень понравилось с дыханьем)

Шаблонные конструкторы сайтов всё никак не успокоятся. Вот и STUDIO 2.0 выкатился. Ролик конечно в лучших традициях.. однако про сам инструмент даже писать не хочу.

А вот на итоги 2018 года от Tilda я посмотрел и как-то даже круто! Хочется всё бросить и реально пойти у них сайты делать.

Очень много плюшечек и UX инноваций.. они пока единственные, кто делают дела.

Ну всё стало для людей.. а хорошо ли это?

Персонификация контента. Скушали? Вот вам еще. А потом попробуйте вот это.

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

не отходя от кассы..

UX in Age of Personalization

Что можно персонализировать и где это обычно размещают такие предложения. Уже сформировались специальные патерны и рекомендации.

Ну а теперь к другим статьям.

HTML5 Input Types: Where Are They Now?

Есть говорят такие штуки в HTML — типы полей..type="number" type="email" type="url" … а как эти типы полей адаптированы под разные браузеры и устройства, обычно не говорят.

Дизайн YouTube, который мы заслужили.

Полноценное исследование и концепты.

10 Year Challenge

Stack Overflow, IMDB, The New York Times, Twitter и другие.. можно пролистать.. Мне например старый Yahoo нравился больше..

+ бонус

Яндекс начали вести Медиум. Скоро все тут будем.

Spotify тоже уже перебрались сюда.

Очень крутая статья про дизайн таблиц.

Если бы все так делали…

Хорошая коллекция UX практик с примерами.

Чем детское UX отличается от взрослого?

Интересная статья и очень крутое исследование. Можно посмотреть на табличку и всё сразу будет ясно. Олды всё дальше.

Sketch 53 что нового?

Настраиваем Jira для работы с дизайнами.

Пользовательские исследования и аналитика

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

Web Page Usability Matters

Инструменты Design

Шоткаты MacOS

Product дизайнер Readymag замутил сайт, посвещенный шоткатам.. MacOS.

Еще наткнулся на

Almanac по дизайну от Readymag

Азбука фундаментальных понятий в дизайне.

Pointbreak

Плагин для Sketch для разработки адаптивных дизайнов в одном артборде.

- геморрой

Flowbase это такая base, которая еще и flow.

Собирают материалы и инструменты, которых сейчас, словно сорняков. Я уже рассказывал однажды про подобный сервис, но он был черный.

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

Palettte App

Инструмент для создания палитры… Этих инструментов уже больше чем цветов на свете.

Но этот прикольненький.. хоть подход оригинальный.

Сloudflare color

Cloud, он же flare тоже пипетошницу свою запустили.

Этот инструмент умеет бить на цвета изображения и показывать как и что можно с этими цветами делать.. такого еще не было.

Stockmagic

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

​​Eva Icons

Open source проект, который включает в себя более 400 очень симпатичных иконок + анимаций для них. Очень просто, быстро и красиво.

Coverr

красивые, бесплатные видео из стоков, которые можно поставить на сайт.

Development

Stuff in NPM

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

Выглядит это как-то так:

А теперь давайте сделаем то же самое с NPM пакетами и построим на галактику.

Pix2Story

Microsoft обучили нейросеть Pix2Story писать по изображениям небольшие рассказы в жанрах приключений, научной фантастики и триллера.

Попробовать можно на сайте microsoft:

Исходники:

Как обрабатывать ошибки в JavaScript?

Что если можно было бы проверять NPM пакеты на наличие вредоносов?

Как не надо проектировать API

Список изменений Webpack 5

Как работать с часовыми поясами в JavaScript?

100 лучших Pen за 2018 на Codepen.

Если вы дочитали до этого момента и вам до сих пор нечем заняться, то следующая статься для вас.

Инструменты Development

Tilt.js

Позволяет делать параллакс эффект на кнопочки или любые другие элементы.

Pressurejs

Force Touch, 3D Touch, and Pointer Pressure в ваших проектах.

Matter

Набор компонентов в стиле материального дизайна.. чистый CSS + простая возможность кастомизации.

Hover.css

CSS библиотека для анимации кнопок и других элементов.

​​sanitize.css

CSS-библиотека, которая исправляет распространенные баги со стилями в браузерах. Простая, легкая, быстрая.

fx

CLI инструмент для удобного просмотра и редактирования JSON в терминале.

​​Easel.js

библиотека для работы с Canvas.

Используется при разработке игр и создании интерактивных UI

Animejs

Легкая и удобная библиотека для работы с SVG и многим другим..

A-FRAME

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

Game DEV

Подпишись на Developer’s Notes в Telegram

Прошлый выпуск: