Я регулярно участвую в хакатонах и конкурсах для разработчиков. При всей прелести основной работы, в ней частенько не хватает творческой активности, поэтому меня спасают конкурсы с относительно свободными задачами. Там можно не только выиграть ценные призы, но и поделать что-то нестандартное. А это и приятно само по себе и полезно для программиста, как источник новых знаний и нового опыта.
В этот раз мы с командой приняли участие в хакатоне от Яндекса и Великого Новгорода. Цель была такая: создать навык (то есть голосового чат-бота) для «Алисы», который будет интересен гостям и жителям этого города. Подробнее в статье.
#dev#hacks
https://teletype.in/@clockstackwheels/novgorod-hack
Побегал в технодемке Матрицы на PS5. Действительно впечатляет: с некоторых ракурсов вскользь даже похоже на кино. Кажется, это наиболее приближенная к фотореализму реалтайм графика, которая существует на сегодняшний день. Да, игр с подобными технологиями пока нет, и вряд ли в ближайший год стоит их ожидать — банально количество людей с PS5 слишком невелико, студиям не выгодно выпускать продукты, не работающие на предыдущем поколении. Но веха, на мой взгляд, важная и заметная.
Иронично, что прогресс в создании виртуального мира, неотличимого от реальности, показан на примере вселенной, где люди заперты в виртуальном мире, неотличимом от реальности. Что может пойти не так?
#dev#games
В прошлом году я немного поизучал движок для создания игр Godot — это опенсорсный аналог Unity, который мне посоветовали. И он мне очень понравился, гораздо больше, чем Unity. Он логичный, простой, при этом позволяет делать очень много и гибко. Его создают гики для гиков, а не маркетологи для студий. По сравнению с Unity он объективно выигрывает в легковесности сборок и субъективно выигрывает в понятности и удобстве проектирования. Ну и, конечно, он бесплатный.
Однако, видно, что движок достаточно новый — документация не всегда полна, в самой системе встречаются баги. Впрочем, если вы не боитесь трудностей, или если у вас богатый опыт разработки, для игр настоятельно рекомендую. На днях вышла новая мажорная альфа-версия с кучей интересного.
Поскольку я иногда делаю всякое под платформы с голосовым управлением, то здесь я купил ассеты и попробовал собрать демку — 2D-игру с боем танков в жанре "Артиллерия", по сути это современная копия TankWars аж 1990-го года. Для двух игроков на одном телевизоре или одном СберПортале: ходы по очереди, нужно подстраивать угол и силу выстрела с учётом ветра и позиции противника, чтобы попадать. В таких механиках как раз голосовой ввод оправдан и даже вполне удобен (если смотрели мою лекцию о способах ввода, то поймёте).
Если у вас нет редких устройств от Сбера, то попробовать игру вы не сможете, но можете посмотреть на видео. Там старый вариант, а на скринах уже более новый, с переделанным HUD. В этом году хочу ещё какую-нибудь игру сделать.
#dev#games
Делаем сайт без разработчика aka. Творческая свобода в вебе
Хочешь растив ширь, тогда эта тема для тебя
Сегодня я убеждён, дизайнеру нужно уметь собирать сайты без привлечения разработчиков по нескольким причинам. Во-первых, это значительно экономит время и финансы, как личные, так и компании. Во-вторых, дизайнер получает полный контроль над кодом и дизайном, что как ни крути, развязывает руки. Сборка сайта также способствует развитию навыков веб-разработки, позволяя получить новые знания и опыт, дополнительно это способствует улучшению коммуникации, позволяя лучше понимать разрабов. Наконец, подобная работа повышает производительность, ускоряет рабочий процесс и позволяет сосредоточиться на самых важных задачах.
Уже три месяца работаю в подобном режиме и так вдохновился, что внутри компании мы запустили такой же эксперимент, в котором продуктовые дизайнеры собирают лендос продукта. Мы поставим его в тест против продакшен версии, править которую очень долго и дорого. Это ли не магия нового времени? Стоит понимать, я говорю исключительно за простые странички, лендинги, промо. Серьезные проекты должны делать разработчики, а что-то быстрое и простое — дизайнеры.
В чём собирать?
Для zero-code web есть Tilda или Readymag, работать в них просто, даже мама в декрете сможет сделать лендостик. Для людей с целями и задачами посерьезней, есть Webflow, но с его изучением придётся повозиться. Я выбрал сервис собравший всё лучшее, это 🕸Framer
Меня подкупил сервис своей простой и одновременной мощью. Внутри он очень похож на Figma, поэтому вкатиться в него будет не сложно + сервис облеплен готовыми решениями, я поделюсь самой полезной частью из них:
→ Framer University — бесплатные примеры и готовые ресурсы для ваших проектов
→ Framer Community — как у Figma Community, люди делятся своими шаблонами, элементами и гайдами
→ YouTube канал — уроки, советы и обновления
→ Примеры основных меню, стопок и до/после
→ Counter Component
→ Дополнительный набор с примерами: Remixing,Relibrary,Supply
#работа#сервисы#dev
🪓Готовые дизайн-системы
Вроде, сегодня каждый понимает, что дизайн-системы значительно ускоряют процесс создания дизайна или целого продукта/сервиса. Многие уже неоднократно создавали или обновляли их, и я не исключение.
Решил поделиться не очень популярным знанием — готовые дизайн-решениями для команд. Так получилось, что я активно участвую в различных side-проектах и стартапах, чтобы не терять навыки, а некоторые из команд работают с готовыми решениями. У меня даже появились любимчики. Если вам нужно проверить гипотезу или быстро собрать работающий MVP, смело используйте что-то из списока:
🖼shadcn/ui
Стильный дизайн-код, большая база готовых блоков и компонентов. Реализация на базе Tailwind CSS с открытым исходным кодом.
🖼Tailwind UI
Оригинальный Tailwind CSS, более строгий визуальный стиль.
🖼Magic UI
Отличная база для красивых лендосов, работающая на React, Typescript, Tailwind CSS и Framer Motion.
🖼Ant Design
Простая и понятная дизайн-система с большим количеством элементов, идеально подходит для SaaS, B2B проектов. Реализация на React UI.
🕳
В подборке нет пердячих систем, типа IBM и Atlassian, или React Bootstrap. Если вы занимаетесь продуктовым дизайном, знакомство с этим списком как полезное упражнение — изучить другую дизайн-систему, почерпнуть что-то новое и в целом расширить свои знания.
#работа#frontend#dev
Евгений Надымов
Frontend разработчик Telegram, который учился в том же университете, что и Павел Дуров, и, вероятно, проживает в США
#люди#dev#бывший_сотрудник
Так много разговоров про очко эппл и ничего про новую биометрическую систему с приходом Apple Vision Pro. Отличия новой биометрии в том, что Optic ID сканирует только радужки глаз, а не как Face ID только черты лица. Вот хронология появления биомтерических систем:
👆Touch ID → iPhone 5s • 2013
👨Face ID → iPhone X • 2017
👁Optic ID → Vision Pro • 2024
P.s. Захуярил вам эмодзи, пользуйтесь
#OS#apple#dev
😣 — У этого элемента bouncy нужен, а ты поставил smooth
🍷 — Да хуй знает, у тебя в Figma так, а в коде иначе
Бывало такое? Когда вы с разработкой не можете договориться, какая анимация должна быть и всё, тупик. Но знаете что, для ликвидации этой проблемы есть один опенсорс-проект, который снижает путаницу при работе с разными типами анимаций
Это прямо алмазик среди гор непонятности. Вы только гляньте, можно сбилдить полноценное демо-приложение для macOS с интерактивным изучением и сравнением анимаций в SwiftUI. Если хотите разобраться, как ведут себя разные анимационные кривые, подобрать правильные параметры для своих приложений и попасть пуля в пулю с макетами — смело берём:
🔗SwiftUI Animation Playground
Доступно 9 типов анимаций:
.spring, .smooth, .snappy, .bouncy, .easeIn, .easeOut, .easeInOut, .linear и .interpolatingSpring
Опции настройки:
duration, hold, shape, bounce, stiffness, damping
В режиме сравнения до трёх анимационных кривых параллельно
❌
В эту же тему напомню, что ранее писал про кастомизируемый движок с управляемой физикой в SwiftUI — Kinetics
#dev#frontend#анимация
На канале есть рубрика про #рефы. В неё иногда залетают примеры с физикой элементов, и тогда звучит вопрос: «Окей, а как это сделать?». Если на вебе всё просто — есть движки вроде Matter.js или PhysicsJS, а вот что делать на мобиле?
Недавно мой dev-бро как раз для своей рабочей задачи нашёл кастомизируемый движок с управляемой физикой в SwiftUI — Kinetics🧑💻
Штука удобная и мощная по возможностям:
🎯 Ретаргетинг
Меняет цели анимации на лету при взаимодействии, идеально для интерактивных элементов
🚀 Импульс
Естественная имитация импульса, которая ещё и отзывчивая
🦾 Тянучесть
Сопротивление объекта, дающее гладкое, естественное ощущение натяжения
🧲 Магнетизм
Умные привязки к значимым позициям. Например для циферблатов, ползунков и вообще любых интерфейсов, где важны дискретные значения
🏀 Упругость
Реалистичное поведение при столкновениях с настраиваемой потерей энергии
Короче, пробуйте тоже. Мир интерфейсов двигается вперёд за счёт тех, кто не боится экспериментировать. И да — храни Бог этих упоротых энтузиастов, которые пишут опенсорс-библиотеки и движки вместо того, чтобы просто жить спокойной жизнью 😎
#dev#frontend
👅Тэкс, назрел вопроспро локализацию
Я ярый амбассадор сервисов локализаций и вообще этого флоу. Мои любимчики это Lokalise и POEditor, но для своих стартапов они не подходят т.к. хотят не малые бабосы или встречают жёсткими ограничениями. Даже Framer ебанулся с горы и за одну локаль хочет $40/m. Поэтому мы с dev-бро делаем небольшою и удобную автоматизацию для нашего side-проекта, которую хотим опубликовать для всех желающих. Скажу больше, у нас получилось элегантное и дешёвое решение, с которым приятно будет работать всем членам продуктовой команды.
Сейчас хочу понять процентовку людей, которые работают с мультиязычным контентом в своих проектах. Для своей банды как всегда сделаю подгоны.
#опросы#проТекст#dev