Вот и сентябрь пролетел. 🍁
Самые крутые темы за сентябрь и начало октября уже здесь.
За подборку библиотек JS спасибо @itsheavy.

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

==============================
[ Общие темы ]
==============================

Designing for suicidal users: preventing suicide the modern way.
Каждый месяц более полумиллиона человек ищут способы самоубийства в Google.
Автоматический ответ, который должен остановить их и спасти жизни, кажется безжизненным.
→ https://uxdesign.cc/preventing-suicide-the-modern-way-86a816e2bf07

Перевод от uxidesign.
→ https://telegra.ph/uxidesign-09-26


Разные подходы к сравнительному анализу конкурентов перед началом работы над продуктом.
→ http://eleganthack.com/comparative-research-done-right/

Работа тимлидом в 2018-ом году.
В подборке по дизайну я привел статью, где говорилось о вопросах, которые лучше не стоит задавать тимлиду.
Автор этой статьи расскажет о своем опыте работы на должности тимлида в компании по разработке сайтов.
+ статья разбита на главы, каждая из которых рассказывает об одной отдельной проблеме и её решению.
→ https://medium.com/webbdev/teamlead-fbbc99a9331b

Как я открыл кофейню и почему каждому дизайнеру стоит попробовать.
→ https://medium.com/@useitwrong/как-я-открыл-кофейню-и-почему-каждому-дизайнеру-стоит-попробовать-46a34993515c

==============================
[ Дизайн ]
==============================

Основные принципы анимации в UX.
«Анимация в интерфейсе должна отражать движения, которые мы встречаем в окружающем физическом мире — трение, ускорение и так далее. Подражание поведению объектов из реального мира позволяет пользователям понять, что им ожидать от интерфейса.»
Гениальная статья.
The ultimate guide to proper use of animation in UX
→ https://uxdesign.cc/the-ultimate-guide-to-proper-use-of-animation-in-ux-10bd98614fa9
Хороший перевод от VC:
→ https://vc.ru/design/46504-osnovnye-principy-ispolzovaniya-animacii-v-ux

И сразу в Apple.
Проблемы с анимациями приложений в macOS Mojave.
Посмотрите видео — это отдельная боль.
→ http://benjaminmayo.co.uk/marzipan

Различия в разработке дизайна нативных приложений iOS и Android.
→ https://telegra.ph/uxidesign-09-06

Простые и наглядные советы по написанию хороших названий для кнопок в интерфейсе.
Let’s do this! How to write better calls to action.
→ https://medium.com/deliveroo-design/lets-do-this-how-to-write-better-calls-to-action-ea534768b599

Подходы к быстрой авторизации через QR-код или одноразовый код в китайских мобильных приложениях.
→ https://www.nngroup.com/articles/mobile-login-china/

Проблемы форм с полями, расположенными в несколько колонок.
→ https://baymard.com/blog/avoid-multi-column-forms

О том, как создавался ColorBox.
Очень мощный и нереально крутой инструмент для подбора палитры.
Сам инструмент уже можно попробовать (ссылка в разделе с инструментами).
→ https://design.lyft.com/re-approaching-color-9e604ba22c88

Apple Apple Apple.. повсюду яблоки.. WatchOS 5 — это круто, а как там дела у Google c Wear OS?
Обзор с кучей скриншотов Wear OS 3.
→ https://www.engadget.com/2018/09/28/wear-os-3-review/

Ну и о новом дизайне Chrome.
Ребята реально делают сложные вещи.
→ https://medium.com/@san_toki/unboxing-chrome-f6af7b8161a2

Серия концептов дополненной реальности на базе Apple ARKit.
Вау! Почему это так круто выглядит?!
→ https://medium.com/@nathangitter/what-i-learned-making-five-arkit-prototypes-7a30c0cd3956

FramerX вылетел из beta в release.
Блог компании с новостью.
Там очень крутое видео, после которого захочется обмазаться Framer(-ом) с головы до ног.
→ https://framer.com/blog/posts/x-release/

Zach Johnston из Dropbox собрал несколько примеров того как команда Dropbox использует FramerX.
→ https://medium.com/dropbox-design/designing-with-real-data-5b64c0876858

Еще вышло сентябрьское обновление Adobe XD.. но я даже ссылок оставлять не хочу.

Sketch 52 находятся в бете
Обещают улучшение интерфейса и тёмную тему оформления.
Самое главное — упрощение работы с изменяемыми свойствами в символах
+ был намёк на упрощение вставки реальных данных в макеты.
Jon Moore в диком восторге, описал новый подход подробнее.
→ https://medium.com/ux-power-tools/the-sketch-update-weve-all-been-waiting-for-plus-a-brand-new-ux-power-tools-72c405fd490d

Travis Folck из Walmart рассказывает о их командной Sketch-библиотеке.
→ https://medium.com/walmartlabs/helping-designers-adhere-to-a-design-system-with-sketch-a14db5215096


Ну и Principle 4.0, куда же без него =)
Principle 4.0 — новые контроллеры для видео и многое другое..
→ http://principleformac.com/posts/principle-four.html

Инструмент контроля версий ваших дизайнов — Abstract.
→ https://www.goabstract.com
Продукт очень серьезно обновился и вот теперь я рекомендую его попробовать.
+ у них очень комичное видео о продукте.)

Темы которые никогда не стоит обсуждать с тимлидом.
→ https://telegra.ph/uxidesign-09-20

==============================
[ Разработка ]
==============================

Спецификация color-adjust в предложенном CSS Color Module Level 4 позволит контролировать отображение цвета на устройстве пользователя.
→ https://css-tricks.com/the-possibilities-of-the-color-adjust-property/

fetch
Метод fetch —  это XMLHttpRequest нового поколения. Он предоставляет улучшенный интерфейс для осуществления запросов к серверу: как по части возможностей и контроля над происходящим, так и по синтаксису, так как построен на промисах.
→ https://medium.com/webbdev/fetch-3d0b811ffcb5

JavaScript ES6: слабые стороны.
→ https://medium.com/webbdev/bad-es6-a0612c9fecf0

Node.js без node_modules.
На прошлой неделе разработчики Yarn (пакетного менеджера для Javascript) анонсировали новую фичу– Plug’n’Play установку. Эта возможность позволяет запускать Node.js проекты без использования папки node_modules, в которую обычно устанавливаются зависимости проекта перед запуском. Описание фичи декларирует, что node_modules больше не понадобится — модули будут загружаться из общего кеша пакетного менеджера.
→ https://medium.com/webbdev/node-24d7d0b7d967

Кнопка или ссылка?
Используйте для кнопок — кнопки, а для ссылок — ссылки.
→ https://medium.com/webbdev/кнопка-или-ссылка-56b6a7a71675

Могут ли PWA конкурировать c нативными приложениями?
→ https://medium.com/webbdev/могут-ли-pwa-конкурировать-c-нативными-приложениями-a4297bb58c27

5 приемов работы с CSS, о которых вам следует знать.
→ https://medium.com/webbdev/5-приемов-работы-с-css-о-которых-вам-следует-знать-c904d389e393

Определение среднего цвета изображения.
→ https://medium.com/webbdev/средний-цвет-в-javascript-3ccb4ff906d7

==============================
[ Dev Sources ]
==============================

Nanobar — очень легкие progress bar на чистом JS с полной кастомизацией.
→ http://nanobar.jacoborus.codes

Большая коллекция компонентов на ReactNative.
→ https://github.com/madhavanmalolan/awesome-reactnative-ui

Onsen UI — быстрый способ для создания кроссплатформенных приложений.
→ https://onsen.io

Crypto-js — библиотека, которая позволит использовать самые различные криптостандарты в вашем js коде.
→ https://github.com/brix/crypto-js

Math.js — очень мощная библиотека инструментов вычисления для JavaScript и Node.js.
→ http://mathjs.org

Tracking.js — библиотека основанная на компьютерном зрении и алгоритмах распознавания объектов различного типа.
Можно распознавать лица на видео в реальном времени прямо в web оболочке.
→ https://trackingjs.com

js.cytoscape — библиотека для построения различных (простых и сложных) графов и схем
Схема развязки железных дорог в Токио выглядит пугающе и завораживающе одновременно.
→ http://js.cytoscape.org


==============================
[ Инструменты ]
==============================

ColorBox.io — палитра про которую я писал выше.
→ https://www.colorbox.io

Application Shortcut Mapper — visual shortcuts explorer for popular applications.
Веб-тулза, которая покажет вам все шорткаты для популярных приложений.
Продукты от Adobe, JetBrains и других любимых нами компаний уже есть.
→ http://waldobronchart.github.io/ShortcutMapper/#AdobePhotoshop

FakeClients — инструмент для набивания дизайнерской руки.
Сайт даст вам вполне реальное задание от не существующего заказчика.
→ https://fakeclients.com/

Собрал дайджест за октябрь 2018 —
https://medium.com/developers-notes/digest-4-97e4859fdd99

https://chartify.io — крутой инструмент для построения диаграмм.

​​Собрал дайджест за ноябрь 2018

Получилось много и круто!

Читается за 8 минут (по расчетам Medium)
Писалось очень долго 🙄

Если есть что написать — @devstorm
Всегда к вашим услугам 🙂

Читать на Medium

​​Шрифты Times New Roman и Arial попали под антироссийские санкции.
Чиновники больше не смогут их использовать для создания PDF/A файлов.

Подробнее

​​​​Собрал дайджест за декабрь 2018 (не совсем)

Получилось много и как всегда круто!

Решил немного изменить формат. Я еще в поисках необходимой консистенции для этого зелья. ⚗️

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

Еще появилась новая рубрика.. но об этом уже внутри 😉
Читать на Medium

Developer’s Notes 7

В этот раз очень много сочного 🍊
Постарался писать очень просто, чтобы максимально упросить чтение 💫

Выбирайте темы, которые вам интересны и приятного чтения.
Подборку инструментов и перевод той статьи с меня. 😉

Читать на Medium

Developer’s Notes 8

Время идет, темы копятся.. но я разгреб кучи и достал интересное.
Выбирайте темы, которые (теперь уже вам) интересны.
Приятного чтения.

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

Читать на Medium

Developer’s Notes 9

В этот раз тем собралось не так много, но все они крутые. ⭐️
Выбирайте то, что интересно вам и приятного чтения.

Читать на Medium

Developer’s Notes | Work Tools List ✨
Собрал инструменты и сервисы, которые могут облегчить работу дизайнеру и web разработчику.

Подборка будет обновляться.
Добавляйте в закладки 🏷

​​Developer’s Notes 10

Материалы по дизайну и разработке за последние 4,5 месяца.
Ну и набор новых web инструментов для дизайнеров и разработчиков.
+ парочка тем из GameDev для общего развлечения.

Читать на Medium

Цветовая субдискретизация