Python та програмування
15 subscribers
261 photos
23 videos
37 files
2.09K links
Code bookmarks 🔖
Generally Python & Data Science;
Rarelly: Design, HTML5/CSS, JS

#code #python #programming
🐧: @tuxua
Download Telegram
Forwarded from PythonDigest
Создание игры «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
Forwarded from Хекслет
Библиотека для создания интерактивных диаграмм на JS http://amp.gs/g8bg
Forwarded from Типичный программист
Большинство современных сайтов выглядят одинаково — как будто их слепили под копирку. А ведь тренды в дизайне весьма недолговечны, поэтому важно помнить о том, что веб — это динамично развивающаяся отрасль.

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

Это был бы шортрид.
Forwarded from Хекслет
Генератор красивых анимаций работы вашего кода

http://amp.gs/gY7t
Коллекция паттернов проектирования для Python (англ)
Forwarded from PythonDigest
Интерактивная визуализация данных с Bokeh
https://realpython.com/python-data-visualization-bokeh/
Forwarded from Типичный программист
Всё, что вы хотели узнать о сортировке на Python, но боялись спросить, мы собрали в одной статье.

В ней подробно рассмотрели, как работают встроенные механизмы сортировки сейчас и как работали раньше.
https://tproger.ru/translations/python-sorting/
Forwarded from Типичный программист
Отладка — не самый любимый программистами процесс. Но есть несколько приёмов, которые помогут его сделать чуточку проще.

Обратите внимание на эти десять консольных функций.
https://tproger.ru/translations/javascript-debug-tricks/
Многие разработчики сталкиваются с функциями высшего порядка и используют их каждый день, но не все знают этот термин и понимают его суть. В статье мы разберёмся, что такое Higher-Order Functions и как их использовать

https://nuancesprog.ru/p/2471/

@nuancesprog #статьи #JavaScript #SoftwareDevelopment #WebDevelopment #NodeJS
Качественная инспекция кода включает в себя проверку всей функциональности приложения. Для достижения этого необходимо создание чек-листа, в котором отразятся наиболее важные критерии оценки.
Надеемся, что эта статья станет отличным помощником при написании качественного чек-листа для инспекции кода

https://nuancesprog.ru/p/2536/

@nuancesprog #статьи #CodeReview #CodeQuality #SoftwareDevelopment