Дайджест продуктового дизайна, март 2017

Уже семь лет я публикую регулярные обзоры свежих статей по теме интерфейсов, новых инструментов и коллекций паттернов, интересных кейсов и исторических рассказов. Из лент нескольких сотен тематических подписок отбирается примерно 5% стоящих публикаций, которыми интересно поделиться. Предыдущие материалы: апрель 2010-февраль 2017.

Дайджест продуктового дизайна, март 2017

Читать дальше →
Дайджест продуктового дизайна, март 2017
Source: habrahabr

Цитата #444226

~hex: — Россия вошла в число 50 самых счастливых стран мира, поднявшись за год с 56-го на 49-е место. Ближайшим соседом по рейтингу оказался Белиз — государство в Латинской Америке, а солнечный Узбекистан даже умудрился опередить нашу страну на два пункта.
Midday: — и чем там счастье мерилось?
Capsaicin: — линейкой
Midday: — ну хоть не штангенциркулем
Цитата #444226
Source: bash

Цитата #444225

xxx: Я понаехала в Санкт-Петербург из Великого Новгорода, и мне норм) Смешно было с одногруппников, которые понаехали с югов и жаловались на «мерзкое серое небо».
yyy: Мои друзья не жаловались, мои друзья приехали из Мурманска и чувствуют себя здесь как на курорте
Цитата #444225
Source: bash

Пост №3052250

Автор: Krasus1991

«Шкатулка Пандоры.» Развернуть { «@context»: «http://schema.org», «@type»: «BlogPosting», «mainEntityOfPage»:{ «@type»:»WebPage», «@id»:»/post/3052250″ }, «headline»: «»Шкатулка Пандоры.» / art барышня :: Edgar Sandoval :: artist :: красивые картинки», «image»: { «@type»: «ImageObject», «url»: «http://img0.joyreactor.cc/pics/post/full/Edgar-Sandoval-artist-art-%D0%B1%D0%B0%D1%80%D1%8B%D1%88%D0%BD%D1%8F-%D0%BA%D1%80%D0%B0%D1%81%D0%B8%D0%B2%D1%8B%D0%B5-%D0%BA%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B8-3761782.jpeg», «height»: 1034, «width»: 800 }, «datePublished»: «2017-04-03T09:30:50+03:00», «dateModified»: «2017-04-03T09:30:50+03:00», «author»: { «@type»: «Person», «name»: «Krasus1991» }, «publisher»: { «@type»: «Organization», «name»: «JoyReactor.cc», «logo»: { «@type»: «ImageObject», «url»: «http://joyreactor.cc/images/joyreactor_ie6.png», «width»: 207, «height»: 54 } }, «description»: «» }
Комментировать 
Пост №3052250
Source: Joyreactor

Пост №3052246

Автор: egoran

Развернуть { «@context»: «http://schema.org», «@type»: «BlogPosting», «mainEntityOfPage»:{ «@type»:»WebPage», «@id»:»/post/3052246″ }, «headline»: «buni :: Смешные комиксы (веб-комиксы с юмором и их переводы)», «image»: { «@type»: «ImageObject», «url»: «http://img0.joyreactor.cc/pics/post/full/%D0%9A%D0%BE%D0%BC%D0%B8%D0%BA%D1%81%D1%8B-buni-3761778.jpeg», «height»: 1043, «width»: 780 }, «datePublished»: «2017-04-03T09:25:31+03:00», «dateModified»: «2017-04-03T09:25:31+03:00», «author»: { «@type»: «Person», «name»: «egoran» }, «publisher»: { «@type»: «Organization», «name»: «JoyReactor.cc», «logo»: { «@type»: «ImageObject», «url»: «http://joyreactor.cc/images/joyreactor_ie6.png», «width»: 207, «height»: 54 } }, «description»: «» }
Комментировать 
Пост №3052246
Source: Joyreactor

Пост №3052245

Автор: LYVrus







Развернуть


&epicComment_3052245&
{
«@context»: «http://schema.org»,
«@type»: «BlogPosting»,
«mainEntityOfPage»:{
«@type»:»WebPage»,
«@id»:»http://polit.reactor.cc/post/3052245″
},
«headline»: «Алексей Павлович / 1ч- л Дагестанские дальнобои сделали невозможное, они впервые за последние 20 / дагестанцы :: политика :: платон :: дальнобойщики :: поддержка»,
«image»: {
«@type»: «ImageObject»,
«url»: «http://img0.joyreactor.cc/pics/post/full/%D0%BF%D0%BB%D0%B0%D1%82%D0%BE%D0%BD-%D0%BF%D0%BE%D0%BB%D0%B8%D1%82%D0%B8%D0%BA%D0%B0-%D0%B4%D0%B0%D0%BB%D1%8C%D0%BD%D0%BE%D0%B1%D0%BE%D0%B9%D1%89%D0%B8%D0%BA%D0%B8-%D0%B4%D0%B0%D0%B3%D0%B5%D1%81%D1%82%D0%B0%D0%BD%D1%86%D1%8B-3761776.jpeg»,
«height»: 718,
«width»: 720 },
«datePublished»: «2017-04-03T09:24:21+03:00»,
«dateModified»: «2017-04-03T09:24:21+03:00»,
«author»: {
«@type»: «Person»,
«name»: «LYVrus»
},
«publisher»: {
«@type»: «Organization»,
«name»: «JoyReactor.cc»,
«logo»: {
«@type»: «ImageObject»,
«url»: «http://joyreactor.cc/images/joyreactor_ie6.png»,
«width»: 207,
«height»: 54
}
},
«description»: «лет вызвали симпатии к северо-кавказскому населению со стороны народов метрополии. То, чего не смогла сделать щедро проплачиваемая государственная пропаганда, натужно вещающая о дружбе народов, сделали 2000 дагестанских парней. Они достойны всяческой солидарности и поддержки. И их поддержали и русск»
}

Комментировать 
Пост №3052245
Source: Joyreactor

Continuous delivery с Travis CI и Ansible



Настройка непрерывной доставки (Continuous delivery CD) для вашего проекта c github.com


Hеобходимо:

  • Репозиторий на github.com
  • Сервер для Ansible (для примера ip: 1.1.1.1)
  • Сервер для развертывания вашего проекта (для примера ip: 2.2.2.2)
  • Локальная машина с настроенным проектом
  • Базовые знания работы в командной строке, Travis CI и Ansible

Читать дальше →
Continuous delivery с Travis CI и Ansible
Source: habrahabr

Matreshka.js 2 — tl;dr

image

Краткий обзор фреймворка Matreshka.js. В посте используется ECMAScript 2017, который можно переписать на ECMAScript 5.

Основные функции

Функция bindNode связывает свойство и элемент.

const object = { name: 'Brendan' };
const node = document.querySelector('.name');
Matreshka.bindNode(object, 'name', node);
object.name = 'Doug';

Если свойство меняется, меняется и элемент, если элемент меняется (например, пользователь вводит текст), меняется и свойство. Из коробки Matreshka.js умеет обрабатывать любые элементы форм. Можно объявить байндинг для произвольных элементов см. документацию.

Функция calc связывает одно свойство с другими.

Matreshka.calc(object, 'fullName', ['firstName', 'lastName'], (firstName, lastName) => {
    return `${firstName} ${lastName}`
});
object.firstName = 'Brendan';
object.lastName = 'Eich';
// ...
console.log(object.fullName); // "Brendan Eich"

Когда меняется свойство-источник (firstName или lastName), меняется и свойство-цель (fullName).

Вместе с функцией bindNode можно объявлять длинные цепочки зависимостей: свойство a зависит от состояния элемента e1, свойство b зависит от свойства a, свойство c зависит от элементов e2 и e3 и от свойства b, изменение которого, как следствие, меняет e1, e2 и e3

Такие зависимости можно представить как таблицу в табличном процессоре (например, Excell): в каждый момент времени вы думаете об одной формуле, а не о многочисленных связях все ячеек. Как следствие, получаете меньше багов, так как нужно думать об атомарных сущностях, а не обо всей «таблице» (приложении). Больше информации в документации.

Читать дальше →
Matreshka.js 2 — tl;dr
Source: habrahabr

Пост №3052242

Автор: ふたなりミルク

Развернуть { «@context»: «http://schema.org», «@type»: «BlogPosting», «mainEntityOfPage»:{ «@type»:»WebPage», «@id»:»/post/3052242″ }, «headline»: «Игровой арт (game art) :: Bayonetta :: FlannaganTheRed :: art барышня :: artist :: красивые картинки :: Игры», «image»: { «@type»: «ImageObject», «url»: «http://img0.joyreactor.cc/pics/post/full/FlannaganTheRed-artist-%D0%98%D0%B3%D1%80%D0%BE%D0%B2%D0%BE%D0%B9-%D0%B0%D1%80%D1%82-%D0%98%D0%B3%D1%80%D1%8B-3761772.jpeg», «height»: 1219, «width»: 900 }, «datePublished»: «2017-04-03T09:19:45+03:00», «dateModified»: «2017-04-03T09:19:45+03:00», «author»: { «@type»: «Person», «name»: «ふたなりミルク» }, «publisher»: { «@type»: «Organization», «name»: «JoyReactor.cc», «logo»: { «@type»: «ImageObject», «url»: «http://joyreactor.cc/images/joyreactor_ie6.png», «width»: 207, «height»: 54 } }, «description»: «» }
Комментировать 
Пост №3052242
Source: Joyreactor

Цитата #444224

Новость на одном из порталов Беларуси: В Беларуси стартовали продажи нового BMW 5-Series. Первый покупатель — олимпийский чемпион по прыжкам на батуте.
Один из комментариев: Напрыгал.
Цитата #444224
Source: bash