Developer’s Notes #8 🌇

Дизайн && Разработка && Game Dev && Инструменты. Самое сочное.

Developer’s Notes #8 🌇

Developer’s Notes #8 🌇

art by James Doyle
art by James Doyle

Кирилл Казаков сделал схему, в которой объединил 10 лет исследований систем и бизнес-процессов.

50 историй ошибок в ПО и дизайне, которые повлекли за собой смерти людей и не только.

Чуть второй Чернобыль не создали 😟

Что такое Small Data, почему она не Big и почему это в некоторых случаях важнее. Убыточный LEGO конструктор.

Геймификация. Ожидания пользователей и как правильно использовать геймификацию в сових продуктах.

Не спрашивайте пользователей, нравится ли им ваш дизайн.

Рейтинг: самые популярные сайты в мире по версии SimilarWeb.

Как и обещал.. сделал перевод статьи «The Dangers of Overpersonalization».

Design

Обсуждение на type.today — обсуждали как всегда шрифты) Как было раньше и что стало сейчас.

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

Google Play меняет формат иконок в магазине приложений.

Sketch и новый поток финансирования. Планы на будущее.

VR технологии развиваются сумасшедшими темпами.

IBM представила гайдлайны для A и V реальностей.

Development

Нативный lazy-loading в WEB.

Немного TypeScript.

Новый рекордсмен по скорости хеширования — алгоритм XXH3.

Приняли новый стандарт авторизации в WEB.

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

JS download priority in Chromium based browsers.

Самый полный чек-лист по безопасности вашего сервера.

Ещё один чекист, но здесь больше теории.

Как сделать масштабируемую архитектуру, если вы не Google?

Самые знаменитые правила, без которых никуда в разработке.

Давайте разберёмся как работает AI на простом примере.

Простая задача: ищем свободное место на парковке с помощью машинного обучения и простого кода на питоне.

Как Unity 5 и JavaScript можно использовать для разработки WebGL игр.

Ничего сложного в этом нет.

Development Tools

Самые горячие редиты по тематике фронтенда в одном месте.

webhook.site — сервис предоставляет вам webhook и всю статистику, что с вашим хуком происходит. Удобно.

SSH клиент для reddit

Пользуетесь Reddit? Пользуетесь ssh клиентом?

Тогда попробуйте : ssh redditbox.us

dbngin.com — приложение для MacOS, которое разворачивает локально почти любую базу всего в 1 клик.

tableplus.io — приложение для работы с базами.

zeroserver.io — framework, который позволяет делать многие вещи в одну строчку.

Если вам нужно делать сложные вычисления на стороне клиента (действительно сложные), тогда вам необходим — gpu.rocks.

Считаем не на CPU а на GPU.

Открывайте GLTF модельки, создавайте объемные композиции помощи WebGL и threejs.org.

testim.io — позволяет осуществлять автоматическое End-to-end тестирование.

mailtolink.me — сервис для генерации предзаполненных mailto ссылок.

Design Tools

CheckList.design— вы ничего не забыли в вашем дизайне?

mobbin.design — сервис, где собираются экраны из приложений. Можете не качать кучу приложений, если хотите изучить UI конкурентов.

getstark.co — плагин для Adobe XD и Sketch на проверку accessibility

play.typedetail.com — играем со шрифтами и подбираем нужные нам пропорции.

Keyframes.app/editor/ — редактор для CSS-анимации с дружелюбным интерфейсом. Выглядит удобно + можно импортировать код.

Огромнейшая подборка инструментов для дизайнера.

Можно найти очень много интересного.

populate.design — огромная коллекция данных для ваших макетов.

Game DEV

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

Про вирусы в Steam (да, именно так можно красть вещи у людей в 2019).

В статье приводятся реальные вирусы и разбор их принципа действия.

Эстетика пикселей

P.s

У Netflix 15 марта вышел новый экспериментальный сериал. Love, Death + Robots.

Если вы пропустили — однозначно бегом смотреть.

Каждую серию делала отдельная команда.

Cтудии, которые занимались отрисовкой и разработкой этого чуда:

1. https://www.blowstudio.es/2. http://pinkman.tv/3. http://www.studiolacachette.com/4. https://www.unit-image.fr/5. https://www.reddogch.com/6. https://vimeo.com/user322114167. http://www.axisanimation.com/8. https://www.platige.com/9. https://www.imageworks.com/10. http://www.passion-pictures.com/uk/animation-studios/11. http://www.digicpictures.com/12. https://www.methodstudios.com/en/13. https://suncreature.com/

Как они всё это делали (плейлист):

Ну и раз уж разговор зашел о источниках вдохновения и студиях:

1. https://thefwa.com2. https://awwwards.com3. https://cssdesignawards.com4. https://hoverstat.es5. https://cssdsgn.com6. https://siteinspire.com7. https://designmadeingermany.de/sites-we-like8. https://minimal.gallery9. https://thegallery.io10. https://httpster.net11. https://ueno.co

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

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