Developer’s Notes #7 🚀

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
Прошлый выпуск: