I’m listening to an episode of Overtime — check it out here: https://simplecast.com/s/9cb307c2

30 Seconds of CSS
A curated collection of useful CSS snippets you can understand in 30 seconds or less.

https://30-seconds.github.io/30-seconds-of-css/

List of chaotic maps

In mathematics, a chaotic map is a map (= evolution function) that exhibits some sort of chaotic behavior. Maps may be parameterized by a discrete-time or a continuous-time parameter. Discrete maps usually take the form of iterated functions. Chaotic maps often occur in the study of dynamical systems.
Chaotic maps often generate fractals. Although a fractal may be constructed by an iterative procedure, some fractals are studied in and of themselves, as sets rather than in terms of the map that generates them. This is often because there are several different iterative procedures to generate the same fractal.
https://en.wikipedia.org/wiki/List_of_chaotic_maps

Является ли число простым? Это задача, с которой часто приходится сталкиваться программистам. В интернете можно найти немало способов её решения, но в этой статье мы рассмотрим интересный способ, с котором используется регулярное выражение

https://nuancesprog.ru/p/2420/

@nuancesprog #статьи #JavaScript

Как создать процедуральный арт менее чем за 100 строк кода
https://habr.com/post/429078/?utm_campaign=429078

Generative art (генеративное или процедуральное искусство) может отпугнуть, если вы никогда с ним раньше не сталкивались. Если коротко, то это концепция искусства, которое буквально создает само себя и не требует хардкорных знаний программирования для первого раза. Поэтому я решил немного разбавить нашу ленту, погнали.

Ловите кучу бесплатных материалов по тестированию. Там и подкасты, и стандарты, и инструменты, и много чего ещё интересного и бесплатного.

Своими материалами делитесь в комментах.
https://tproger.ru/digest/free-software-testing-books/

Совершеннолетняя журналистика: от России до Кремля
https://habr.com/post/429270/?utm_campaign=429270

Анализ публикаций Lenta.ru за 18 лет (с сентября 1999 по декабрь 2017 гг.) средствами python, sklearn, scipy, XGBoost, pymorphy2, nltk, gensim, MongoDB, Keras и TensorFlow.

Что на самом деле проверяет Тест Тьюринга
https://habr.com/post/427259/?utm_campaign=427259

Некоторое время назад я предложил сыграть в Тест Тьюринга (https://habr.com/post/427123/) с моим ботом Мишей. Кто попробовал, тот знает, что игрок-робот определяется элементарно. Кто не пробовал, может прочитать об этом в первом же комментарии под той статьей.


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

Создание игры «Like coins» на Godot Engine. Часть 1
https://habr.com/post/429234/?utm_campaign=429234

"Godot Engine" очень быстро развивается и завоевывает сердца разработчиков игр со всего мира. Пожалуй, это самый дружелюбный и легкий в освоении инструмент для создания игр, и чтобы в этом убедиться, попробуем сделать небольшую 2D-игру. Для хорошего понимания процесса разработки игр, следует начинать именно с 2D-игр — это позволит снизить порог вхождения в более серьезный игрострой. Хотя сам по себе переход на 3D не столь сложная задача, как может показаться, ведь большинство функций в "Godot Engine" могут успешно использоваться как в 2D, так и 3D.

Собери себе ботнет.

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

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

BYOB (https://github.com/malwaredllc/byob) - это проект с открытым исходным кодом, который представляет из себя площадку для создания и управления собственным ботнетом.
BYOB уже имеет основные рабочие функции и не требует отдельного написания своих RAT или контролирующих серверов.
В наличии множество модулей (будь то ransomware, keylogger packet sniffer), что позволит опробовать различные векторы использования ботнета.

Разумеется, всё это в образовательных целях. Да.

Источник - @cultofwire

Иллюстрации стали обязательной частью айдентики цифровых продуктов ― они есть в каждом первом сервисе. Ещё бы ― в хорошем интерфейсе всё занято полезными вещами и особо нет мест для выражения бренда, разве что лого, цветовая палитра, пиктограммы и характерные паттерны. Так что иллюстрации ― простой и экспрессивный способ сделать бодрее и более узнаваемо. Особо продвинутые проявляют единство коммуникации в текстах и анимации, но этого сложнее добиться. Так что неудивительно, что половина Дрибббла забита безинтерфейсными картинками.

Вот пачка историй известных компаний, которые нашли себя:

Airbnb: Рассказ Jennifer Hom — https://airbnb.design/your-face-here/. Её интервью Wired на эту же тему ― https://www.wired.com/story/jennifer-hom-illustrations-airbnb/.

Adobe: Рассказ Emma Zhang — https://medium.com/@emmazhang_7383/designing-adobes-brand-illustration-style-3c982ded31f6.

Mail.Ru: Рассказ Евгения Долгова ― https://www.youtube.com/watch?v=uHAL-fV-SHk&list=PLzqQCeTtpSBozWJzUGnTTSU-11RE9Gau6. Презентация ― https://www.slideshare.net/EugenDolgov/illustrations-63067904.

Shopify: Рассказ Meg Robichaud о работе над серией иллюстраций для нулевых состояний интерфейса — https://ux.shopify.com/empty-states-more-like-you-have-no-idea-how-much-work-goes-into-those-states-amirite-e0102f58b64e. Очень интересный подход, где иллюстрация передаёт нужное настроение в текущем сценарии — успех, неудача, нейтральное сообщение. У неё много топовых статей на тему. Разница между иллюстрациями для продукта и маркетинга — https://medium.com/shopify-ux/product-vs-marketing-illustration-7ac474dfe2ed. Роли и задачи продуктовой иллюстрации — https://ux.shopify.com/product-illustration-for-people-who-dont-know-anything-about-product-illustration-3f43d7b2ec06. Нюансы работы с командой иллюстраторов в продуктовой команде — https://ux.shopify.com/7-truths-of-running-an-illustration-team-2d44fb8fcf7e.

Лаборатория Касперского: Рассказ студии Мыслеформа — https://designpub.ru/%D0%BA%D0%B0%D0%BA-%D0%BC%D1%8B-%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%B0%D1%82%D1%8B%D0%B2%D0%B0%D0%BB%D0%B8-%D1%81%D1%82%D0%B8%D0%BB%D1%8C-%D0%BA%D0%BE%D1%80%D0%BF%D0%BE%D1%80%D0%B0%D1%82%D0%B8%D0%B2%D0%BD%D0%BE%D0%B9-%D0%B8%D0%BB%D0%BB%D1%8E%D1%81%D1%82%D1%80%D0%B0%D1%86%D0%B8%D0%B8-%D0%BB%D0%B0%D0%B1%D0%BE%D1%80%D0%B0%D1%82%D0%BE%D1%80%D0%B8%D0%B8-%D0%BA%D0%B0%D1%81%D0%BF%D0%B5%D1%80%D1%81%D0%BA%D0%BE%D0%B3%D0%BE-c8b32b3f1c7b.

Creative Market: Рассказ Ryan Weaver — https://medium.com/@ryantheweave/crafting-a-new-illustration-style-for-creative-market-412acba2e673. Bronwyn Gruet о модульности с коллекцией типовых объектов — https://medium.com/building-creative-market/scaling-our-illustration-system-with-object-libraries-dd3ebe7318e7. Daniella Valerio о принципах цветовой палитры — https://medium.com/building-creative-market/a-color-exercise-for-our-brands-illustration-db39af44f081.

Wordpress: Рассказ Alice Lee — http://byalicelee.com/wordpress/.

Dropbox: Ещё до того, как ребята ударились в чересчур абстрактное искусство, Michael Jeter во всех подробностях расписывал историю развития стиля — https://medium.com/dropbox-design/illustrating-a-more-human-brand-part-1-e1cfe3c28d9. Как и какие задачи решал каждый из подходов на конкретных этапах жизненного цикла компании. Вторая часть про рождение следующего подхода — https://medium.com/dropbox-design/illustrating-a-more-human-brand-part-2-d2e9494cc8a3.

Ryan Putnam даёт советы по унификации иллюстраций — https://medium.com/putnam-studio/illustration-identities-are-our-thing-c9f136e46510.

[продолжение в https://t.me/pdigest/124]

#illustrations #designsystems

Всегда интересно узнать, «а как там у коллег по цеху?» Я давно собираю рассказы об устройстве дизайн-команд в продуктовых компаниях — можно найти новые идеи или убедиться, что и так делаешь всё по красоте. Вот пачка примеров из свежего дайджеста:

Dropbox: Josh Saito о практиках и приёмах совместной работы дизайн-команды Dropbox Paper, которые помогают им поддерживать бодрость духа — https://medium.com/dropbox-design/how-to-stay-scrappy-9c42af21c996.

Societe Generale: Morgane Peng о том, как устроена дизайн-команда банка — https://www.invisionapp.com/blog/societe-generale-design/.

IBM: Arin Bhowmick об устройстве креативных пространств для дизайнеров и сессий ко-дизайна с продуктовыми командами — https://uxdesign.cc/designing-a-place-for-designers-866948355fe9.

Google: Небольшое интервью с главой компании Sundar Pichai, в котором есть немного деталей об устройстве дизайна — https://www.fastcompany.com/90227530/sundar-pichai-qa. Негусто, но полезно от человека у руля.

Ну и про вездесущий DesignOps вдогонку — колонка UXmatters, в которой Jennifer Fabrizi (Travelers), Leo Frishberg (Home Depot Quote Center), Pabini Gabriel-Petit (UXmatters) и Tobias Komischke (Honeywell) приводят своё видение термина — https://www.uxmatters.com/mt/archives/2018/09/designops.php.

Если вы пропустили сам дайджест, то вот он, родненький — https://jvetrau.com/digest-2018-sep/. Свежие ссылочки уже поднакопились и вот-вот польются.

#designmanagement #designops #teams

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

1. Smashing Magazine выпустили книгу Adam Silver «Form Design Patterns» о приёмах дизайна форм — https://www.smashingmagazine.com/printed-books/form-design-patterns/. Автор разбирает множество типовых примеров. Они публикуют отрывок из неё, посвящённый формам регистрации — https://www.smashingmagazine.com/2018/10/form-design-patterns-excerpt-a-registration-form/.

2. Памятка по реализации «ленивой» загрузки изображений в вебе от Rahul Nanwani — https://imagekit.io/blog/lazy-loading-images-complete-guide/. Многие сильно ухудшают работу с сайтами, реализуя только часть из этих практик. В итоге пользователи с хорошим интернетом дольше ждут, пока загрузится графика.

3. Толковый подход Ben Hersh из Medium к хорошим текстам в интерфейсе — https://medium.com/@MostlyCogent/the-riddle-of-ux-writing-ab35b1033c05. Он разделяет три составляющих ― понятность, дружелюбность и эмоциональность.

4. Ещё одна памятка на эту тему от Dylan Ortega — https://blog.nomnominsights.com/the-3-elements-of-really-great-ux-writing/. Типичная, но хорошо структурированная.

5. Vivian Zhang описывает паттерн подталкивания пользователя к действию с помощью отложенной анимации элемента интерфейса — https://uxplanet.org/micro-nudge-a-micro-animation-for-behavioral-change-dd15ecd4fab3. Это помогает обратить внимание на функциональность, не вываливая на человека все возможности сразу.

6. Michael Berger из Basecamp рассказывает о быстрой навигации по продукту для пользователей с ограниченными возможностями (хотя пригодится и остальным) — https://m.signalvnoise.com/the-next-big-jump-in-basecamp-accessibility-a2119c08309e. Оно похоже на spotlight в MacOS.

7. Мини-сайт с памяткой по грамотной реализации диалогов в интерфейсах — https://modalzmodalzmodalz.com/. Лучший совет — вообще избегать их там, где это возможно.

8. Aurora Harley говорит о значительном улучшении рекомендательных систем за последние годы — https://www.nngroup.com/articles/recommendation-expectations/. Она даёт толковые советы по их реализации.

Отличный повод сделать свою работу краше.

#patterns

Библиотека для создания интерактивных диаграмм на JS http://amp.gs/g8bg

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

Современному веб-дизайну явно не хватает креативности. Рассказываем про некоторые приёмы, которые помогут вам создать оригинальный дизайн веб-сайта.
https://tproger.ru/translations/layouts-of-tomorrow/

Python Data Science Handbook
https://jakevdp.github.io/PythonDataScienceHandbook/

Вот есть статья:
Redesigning your product and website for dark mode
https://stuffandnonsense.co.uk/blog/redesigning-your-product-and-website-for-dark-mode

Её смысловая часть сводится к одному предложению:
В Safari Technology Preview 68 можно так: @media (prefers-color-scheme: dark)

Это был бы шортрид.

Генератор красивых анимаций работы вашего кода

http://amp.gs/gY7t