Forwarded from GMFY | Геймификация
Геймификация не всегда работает. Почему ❓
Добавили ачивки, сделали уровни, прикрутили рейтинговую таблицу… Но вовлеченность клиентов не увеличилась, а сотрудники так и не стали работать активнее.
На примере геймификации инвестиционного сервиса разберем, что и почему может пойти не так, как планировали.
Геймификация — это не просто набор «фановых» механик, которые можно бездумно налепить на любой продукт. Это система, где важно учитывать аудиторию, её мотивацию и цели бизнеса.
Подписывайтесь🎮 GMFY | Геймификация
Добавили ачивки, сделали уровни, прикрутили рейтинговую таблицу… Но вовлеченность клиентов не увеличилась, а сотрудники так и не стали работать активнее.
На примере геймификации инвестиционного сервиса разберем, что и почему может пойти не так, как планировали.
Геймификация — это не просто набор «фановых» механик, которые можно бездумно налепить на любой продукт. Это система, где важно учитывать аудиторию, её мотивацию и цели бизнеса.
Подписывайтесь
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
-[--->+<]>------.-[-->+++<]>.---.[-->+++++<]>+++.[-->+++++<]>.++.[-->+<]>++++.-[-->+++++<]>-.------------.+++++++++++++.-------------.++++++.--.+++++++++++++.[-->+++++<]>+++.--[->++++<]>-.[->+++<]>.+++++++++.++++++.[---->+<]>+++.+[->+++<]>.-[--->+<]>----.+++[->+++<]>++.+[----->+<]>.-.-[---->+<]>++.--[->++++<]>-.+[->+++<]>.+.+++.-------.--[--->+<]>-.-[--->++<]>--.---.--[--->+<]>-.--[->++++<]>-.-[->+++<]>-.--[--->+<]>--.+[---->+<]>+++.---[->++++<]>.------------.+.+++++.---.--.+++++.-------.-[--->+<]>--.[->+++<]>+.+.+++++++++++++.++++++.-.[---->+<]>+++.[->+++<]>+.+++++++++++++.-[->+++++<]>-.-[--->++<]>-.-----.+.----.-[->+++<]>.++[->+++<]>.+++++++++.+++.[-->+++++<]>+++.[->+++<]>+.-[->+++<]>.+[----->+<]>+.---------.[--->+<]>.+[---->+<]>++.[-->+++++++<]>.+++++.+[->+++<]>.++++++++++.---.------.--.--[--->+<]>-.-----------.++++++.-.[----->++<]>++.++[--->++<]>.>-[--->+<]>-.[---->+++++<]>-.---.+++++++++++++.-------------.--[--->+<]>-.---[->++++<]>-.++++[->+++<]>..++++++++.++++++.+[---->+<]>+++.---[->++++<]>.-----.[--->+<]>-----.[->+++<]>++.+++.--[--->+<]>-.[->+++<]>+.-[->+++<]>.---[----->++<]>.-------------.----.--[--->+<]>--.----.-.-[->+++++<]>-.++[->+++<]>.+++++++++.+++.[-->+++++<]>+++.---[->++++<]>.------------.+.++++++++++.+[++>---<]>.++[--->++<]>.---[->+++<]>.++[->++++<]>+.--[--->+<]>-.[->+++<]>+.--[--->+<]>---.-------------.--[--->+<]>-.--[->++++<]>-.-[->+++<]>-.++++++++.+++++++++++.-----------.+++++.-------.-[--->+<]>--.++[->+++<]>.+++++++++.+++.[-->+++++<]>+++.---[->++++<]>.------------.---.--[--->+<]>-.+[----->+<]>+.---------.[--->+<]>+.----.[---->+<]>+++.[-->+++++++<]>.-.++++.+.
P.s. кажется, это должно помочь
-[--->+<]>--.[--->+<]>++++.+[->+++<]>.[--->+<]>---.+++[->+++<]>+.-[--->+<]>----.---------.-------.+++.--[--->+<]>-.>🔥 -[--->+<]>---.-[->++++<]>.-.+++++++++.++++++.[-->+<]>+++++.[-->+++<]>-.+.>+[--->++<]>.
P.s. кажется, это должно помочь
-[--->+<]>--.[--->+<]>++++.+[->+++<]>.[--->+<]>---.+++[->+++<]>+.-[--->+<]>----.---------.-------.+++.--[--->+<]>-.>
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Red Collar
Разбираемся во всём — от цифр до сроков:
— что такое рефакторинг,
— когда рефакторинг точно нужен,
— сколько он может стоить,
— и как объяснить его важность на языке бизнеса.
Статья основана на нашем совместным с Авто.ру докладе на Tagline 2024 — всё по делу, с кейсами и опытом из агентской и продуктовой разработки.
📌 Сделали карточки с главными мыслями — удобно сохранить и переслать.
Читайте статью полностью: [ссылка]
Подписывайтесь
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
В†† — язык программирования древних русов
Была обнаружена древняя технология! Пока все спорили о битвах с ящерами, в глубинах GitHub сохранился славянский способ писать код.
Особенности языка:
— родная кириллица (никаких
— боевая документация (ошибки называются «нашествиями басурман»)
— исторический колорит (
Пример программы:
Причины попробовать:
— уникальный скилл для резюме;
— необычный язык для пет-проектов в стиле славянского фэнтези;
— возможность стать разработчиком на В†† в продакшене;
— проверка на прочность — если устранишь баги без IDE, ты настоящий витязь;
— ностальгия по временам, когда технологии высекали на камнях;
Священные манускрипты (GitHub)
Подписывайтесь🔥 RDCLR.DEV
Была обнаружена древняя технология! Пока все спорили о битвах с ящерами, в глубинах GitHub сохранился славянский способ писать код.
Особенности языка:
— родная кириллица (никаких
function
— только ДЕЯТИ
)— боевая документация (ошибки называются «нашествиями басурман»)
— исторический колорит (
НАСЛЕДНИК
вместо extends, КНЯЗЬ
вместо class)Пример программы:
В††
КНЯЗЬ Дружина {
ДЕЯТИ поход_на_басурман() {
ВЪЗГЛАСИТИ("Сбираем рать!");
ПОКА_НЕ_ЗАСНУЛ(воины < 100) {
воины += 1;
}
ОБОРОНИТИ {
битва();
}
}
}
Причины попробовать:
— уникальный скилл для резюме;
— необычный язык для пет-проектов в стиле славянского фэнтези;
— возможность стать разработчиком на В†† в продакшене;
— проверка на прочность — если устранишь баги без IDE, ты настоящий витязь;
— ностальгия по временам, когда технологии высекали на камнях;
Священные манускрипты (GitHub)
Подписывайтесь
Please open Telegram to view this post
VIEW IN TELEGRAM
GitHub
GitHub - KanatnikovMax/znanie-drevnix
Contribute to KanatnikovMax/znanie-drevnix development by creating an account on GitHub.
Spring не вывозит? Попробуй Jmix — Java на энергетиках
Когда клиент просит сделать админку «ещё вчера», а Spring Boot кажется слишком медленным, на помощь приходит Jmix.
Jmix — это высокоуровневая Java-платформа для корпоративных систем с:
✔️ Генерацией кода (меньше рутины)
✔️ Визуальным редактором UI в IntelliJ IDEA
✔️ Автомиграциями БД (изменил сущность — система сама обновит схему)
Java-разработчику понравится, потому что:
— Фреймворк основан на Spring Boot (знакомый стек)
— Получится быстро собирать админки (как Laravel или PHP, но на Java)
— Присутствует Jmix Studio — плагин для IDEA с визуальным дизайнером форм
В статье рассказали, как сделали промо-сайт с:
— Каталогом товаров (фильтры + 3D-анимация)
— Разделом вакансий
— Админкой на гибких ролях (один редактирует товары, а другой — вакансии)
🔗 Полная статья с деталями
А еще совсем скоро откроем стажировку по Java-направлению. Подробности 28 апреля в основном канале.
Подписывайтесь🔥 RDCLR.DEV
Когда клиент просит сделать админку «ещё вчера», а Spring Boot кажется слишком медленным, на помощь приходит Jmix.
Jmix — это высокоуровневая Java-платформа для корпоративных систем с:
✔️ Генерацией кода (меньше рутины)
✔️ Визуальным редактором UI в IntelliJ IDEA
✔️ Автомиграциями БД (изменил сущность — система сама обновит схему)
Java-разработчику понравится, потому что:
— Фреймворк основан на Spring Boot (знакомый стек)
— Получится быстро собирать админки (как Laravel или PHP, но на Java)
— Присутствует Jmix Studio — плагин для IDEA с визуальным дизайнером форм
В статье рассказали, как сделали промо-сайт с:
— Каталогом товаров (фильтры + 3D-анимация)
— Разделом вакансий
— Админкой на гибких ролях (один редактирует товары, а другой — вакансии)
🔗 Полная статья с деталями
А еще совсем скоро откроем стажировку по Java-направлению. Подробности 28 апреля в основном канале.
Подписывайтесь
Please open Telegram to view this post
VIEW IN TELEGRAM
Хабр
Java на стероидах, или опыт работы с Jmix
Как после привычного Spring за месяц сделать сайт с платформой быстрой разработки Jmix. Коротко о технологии, особенностях, возникающих в процессе вопросах и ответах...
Forwarded from Red Collar
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Red Collar
🏠 Родные стены — теперь онлайн
Сталинки, хрущевки, брежневки, панельки и новостройки — собрали в одном месте целую архитектурную историю Москвы.
И сделали ее живой.
Проект «Родные стены», который мы сделали для Авито Недвижимости и «Москвы глазами инженера», — это не просто сайт о типовых домах. Это взгляд на архитектуру Москвы с любовью и с инженерной точностью.
На сайте можно проследить, как развивалось массовое жилье: когда и почему появлялись разные серии домов, какие планировки предлагали людям, какие инженерные решения скрыты в панельных стенах.
Мы продумали и собрали интерактивный сайт за месяц — дизайн, фронт, бэк. Но что еще важнее — мы вложили туда частичку себя.
⠀
Карусель фотографий на полароид — не стоковые изображения. Это наши люди и наши воспоминания.
Соня с семьей заезжает в новую квартиру. Ксюша идет из школы. Лера гуляет с братом. Все это — счастливые моменты жизни наших коллег. И родные стены, в которых они происходили.
Подробнее с проектом можно ознакомиться здесь: doma.avito.com
📣 О проекте уже рассказали Mash и Baza. Поделитесь и вы.
Подписывайтесь🔥 Red Collar
Сталинки, хрущевки, брежневки, панельки и новостройки — собрали в одном месте целую архитектурную историю Москвы.
И сделали ее живой.
Проект «Родные стены», который мы сделали для Авито Недвижимости и «Москвы глазами инженера», — это не просто сайт о типовых домах. Это взгляд на архитектуру Москвы с любовью и с инженерной точностью.
На сайте можно проследить, как развивалось массовое жилье: когда и почему появлялись разные серии домов, какие планировки предлагали людям, какие инженерные решения скрыты в панельных стенах.
Мы продумали и собрали интерактивный сайт за месяц — дизайн, фронт, бэк. Но что еще важнее — мы вложили туда частичку себя.
⠀
Карусель фотографий на полароид — не стоковые изображения. Это наши люди и наши воспоминания.
Соня с семьей заезжает в новую квартиру. Ксюша идет из школы. Лера гуляет с братом. Все это — счастливые моменты жизни наших коллег. И родные стены, в которых они происходили.
Подробнее с проектом можно ознакомиться здесь: doma.avito.com
📣 О проекте уже рассказали Mash и Baza. Поделитесь и вы.
Подписывайтесь
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Оптимизация CSS-анимаций: как избежать тормозов
Сегодня разберем ключевые моменты оптимизации анимаций в вебе.
Когда вы анимируете свойства вроде
— пересчитывать размеры и позиции элементов на CPU (layout)
— заполнять элементы цветами, менять видимость (paint)
— размещать элементы относительно друг друга (composite)
Это ресурсоемкий процесс, особенно при множестве компонентов.
Используйте
Это позволяет пропустить этапы layout и paint, работая напрямую с композицией.
Дополнительная оптимизация
1.
2. Разделение элементов по слоям через небольшие
А по ссылке можете ознакомиться со статьей целиком и найти другие подсказки по улучшению кода
Подписывайтесь🔥 RDCLR.DEV
Сегодня разберем ключевые моменты оптимизации анимаций в вебе.
Когда вы анимируете свойства вроде
top
или left
, браузеру приходится:— пересчитывать размеры и позиции элементов на CPU (layout)
— заполнять элементы цветами, менять видимость (paint)
— размещать элементы относительно друг друга (composite)
Это ресурсоемкий процесс, особенно при множестве компонентов.
Используйте
transform
вместо позиционных свойств:// Вместо этого:
element.style.top = `${y}px`;
// Используйте это:
element.style.transform = `translateY(${y}px)`;
Это позволяет пропустить этапы layout и paint, работая напрямую с композицией.
Дополнительная оптимизация
1.
will-change: transform
— предупреждает браузер о будущих изменениях (однако избегайте избыточного использования, т. к. это может перегрузить память)2. Разделение элементов по слоям через небольшие
translateZ()
А по ссылке можете ознакомиться со статьей целиком и найти другие подсказки по улучшению кода
Подписывайтесь
Please open Telegram to view this post
VIEW IN TELEGRAM
Хабр
Чёрная магия трансформов, или об оптимизации анимаций на CSS
Иногда Frontend-разработчики сталкиваются с тем, что для оптимизации производительности нужно написать волшебное свойство translateZ(0) или will-change. Тогда анимации перестанут зависать, ничего не...