Forwarded from Адовый UX
🤘😎💭 Костя Шарит
Переходим на канал @smmtg. Это записная книжка важного из около-маркетинга. Один вместо бесконечности похожих каналов. Или отличный дайджест вечерком
#промо
Переходим на канал @smmtg. Это записная книжка важного из около-маркетинга. Один вместо бесконечности похожих каналов. Или отличный дайджест вечерком
#промо
Telegram
🗯 Костя шарит
Я устал рассылать важное коллегам, интересное друзьям. И уже восьмой год складываю в @smmtg репосты про маркетинг, смм и прочий диджитал. И личное мнение проскальзывает
🔘 Реклама — 30к, так что считай без неё
🔘 Без тупых заходов⡑ ⠴⡰⡌⡔⣀⢈⠜⡄⠴⣠
🔘 И не переписываю…
🔘 Реклама — 30к, так что считай без неё
🔘 Без тупых заходов⡑ ⠴⡰⡌⡔⣀⢈⠜⡄⠴⣠
🔘 И не переписываю…
Forwarded from Denis Sexy IT 🤖
Новый ролик от того же автора который классно летал дроном в боулинге:
https://youtu.be/oIoBwLK8JqM
https://youtu.be/oIoBwLK8JqM
YouTube
The Quack Is Back- FPV Fly Through Mall of America - Drone Adventure with JayByrd Films
Any Minnesotan knows, there’s no place like the Mall of America. Once the nation’s largest mall reopened after lockdown, JayByrd Films dreamt up an epic fly through of this 4-story American treasure. This short film showcases what we do best, a fully-immersive…
Forwarded from Веб-стандарты (Веб-стандарты)
fit-content и fit-content(). Питер-Пол Кох показывает, как задавать элементам размеры, зависящие от их содержимого, и чем отличается задание размера для элементов внутри гридов.
https://www.quirksmode.org/blog/archives/2021/04/fitcontent_and.html
https://www.quirksmode.org/blog/archives/2021/04/fitcontent_and.html
Forwarded from UI/UX Designer
🚀 Как создавать доступные цифровые продукты
Первая цель хорошего UX writing – это юзабилити. Прежде чем сделать цифровые продукты индивидуальными, они должны приобрести смысл. Это означает, что ваши слова должны работать для всех ваших пользователей.
Цифровые продукты с их номенклатурой дизайна основаны на одном слове: пользователь. Пользовательский опыт. Пользовательское тестирование. Исследование пользователей. Одно это слово скрывает в себе очевидную, но невероятно важную истину.
Об этой истине и UX-writing: Как создавать доступные цифровые продукты
UX/UI Designer
Первая цель хорошего UX writing – это юзабилити. Прежде чем сделать цифровые продукты индивидуальными, они должны приобрести смысл. Это означает, что ваши слова должны работать для всех ваших пользователей.
Цифровые продукты с их номенклатурой дизайна основаны на одном слове: пользователь. Пользовательский опыт. Пользовательское тестирование. Исследование пользователей. Одно это слово скрывает в себе очевидную, но невероятно важную истину.
Об этой истине и UX-writing: Как создавать доступные цифровые продукты
UX/UI Designer
Forwarded from Dezzigners
📖 Британский дизайн
🖋 Серия книг "Как Надо"
Английские дизайнеры формируют целую отрасль. Это инфраструктура из клубов, изданий, премий, студий. Поэтому монография состоит из четырех разделов: контекст, школы, студии и среда. Лучшие британские дизайнеры рассказали об истории, настоящем и будущем графдизайна. Куда пойти учиться, где брать вдохновение, как проводить свободное время и как заработать.
🖋 Серия книг "Как Надо"
Английские дизайнеры формируют целую отрасль. Это инфраструктура из клубов, изданий, премий, студий. Поэтому монография состоит из четырех разделов: контекст, школы, студии и среда. Лучшие британские дизайнеры рассказали об истории, настоящем и будущем графдизайна. Куда пойти учиться, где брать вдохновение, как проводить свободное время и как заработать.
Forwarded from For Web — фронтенд, дизайн, программирование
WinBox, библиотека для реализации оконных интерфейсов в вебе → https://nextapps-de.github.io/winbox/
Forwarded from For Web — фронтенд, дизайн, программирование
Sucrase, альтернатива Babel для ускорения транспиляции в режиме разработки: транспилирует код с прицелом на современные браузеры, работает в 20 раз быстрее Babel → https://github.com/alangpierce/sucrase
Forwarded from Веб-стандарты (Веб-стандарты)
Подробное руководство по кастомным свойствам: именование, возможные значения, применение каскада, фолбэки, вычисления, задание типов, трюки и взаимодействие с JavaScript.
https://css-tricks.com/a-complete-guide-to-custom-properties/
https://css-tricks.com/a-complete-guide-to-custom-properties/
Forwarded from For Web — фронтенд, дизайн, программирование
Неочевидная особенность регулярных выражений в JavaScript: как не сломать код, вынося регулярки в переменные → https://forweb.dev/ru/blog/stateful-regexps/
Forwarded from Node.JS [ru] | Серверный JavaScript
Ley - инструмент для миграций баз данных, не привязанный к драйверу
- Поддерживает
- Если нужен драйвер, который не поддерживается, его можно добавить через класс
- Не имеет зависимостей
- Любую миграцию можно откатить
- Не изобретает велосипед и использует интерфейс выбранного драйвера
- Можно расширять функционал Ley CLI для написания своих скриптов миграции
#jslib #nodejs #backend #webdev #migrations #pg #javascript #sqlite #mysql #sql
- Поддерживает
postgres, pg, better-sqlite3, sqlite, mysql, mysql2 из коробки- Если нужен драйвер, который не поддерживается, его можно добавить через класс
Driver- Не имеет зависимостей
- Любую миграцию можно откатить
- Не изобретает велосипед и использует интерфейс выбранного драйвера
- Можно расширять функционал Ley CLI для написания своих скриптов миграции
#jslib #nodejs #backend #webdev #migrations #pg #javascript #sqlite #mysql #sql
GitHub
GitHub - lukeed/ley: (WIP) Driver-agnostic database migrations
(WIP) Driver-agnostic database migrations. Contribute to lukeed/ley development by creating an account on GitHub.
Forwarded from Dezzigners
Forwarded from PSD | Дизайн-пространство
Верхняя или боковая панель навигации: что лучше подходит для вашего продукта?
Что говорят исследования?
При выборе макета навигации для вашего приложения обычно необходимо определить положение первичной, вторичной и третичной иерархии навигации. Исследование Дженнифер Роуз Кингсбург «Сравнение трехуровневых навигационных структур меню для веб-дизайна» показало, что расположение основной навигации с левой стороны дает множество преимуществ. В 2 исследованиях (по 16 пользователей в каждом) измерялось время, предпочтения и ошибки выбора навигации. Здесь вы можете найти краткое изложение этого исследования. Имейте в виду, что оно было проведено 17 лет назад, и за это время парадигмы дизайна значительно изменились.
Панель навигации слева легче сканировать
Исследования движения глаз показывают, что люди просматривают веб-страницы по F-образному паттерну. Поэтому верхняя, и левая панели навигации соответствуют этому паттерну. Панель навигации слева облегчает вертикальное направление сканирования (списки), что значительно увеличивает скорость, а также требует меньшего количества визуальных фиксаций, поэтому мы можем видеть несколько навигационных ссылок одновременно. (Боковая панель навигации может быть расположена справа для систем письма справа-налево)
Верхняя панель навигации экономит место
Если мы посмотрим на обычные экраны ноутбуков и ту часть, которую занимают компоненты навигации, левая навигация часто будет занимать в 3 раза больше места, чем верхняя. Добавьте к этому немного пространства, зарезервированного для заголовка, поиска или других элементов, таких как уведомления или профиль. Левая панель навигации может легко занять 25% места на странице. Сворачивание боковой панели для экономии места не всегда будет работать, так как вы не можете постоянно размещать длинные метки, а навигация только с помощью иконок будет слишком сильно нагружать память пользователя.
Случаи неудачного перехода на боковую панель навигации
Редизайн навигации – это всегда сложная задача. Пользователи привыкают к навигации, особенно когда используют ваш продукт ежедневно. Даже небольшие изменения в навигации могут запутать их. Независимо от новой кривой обучения, некоторые случаи, такие как переход навигации Jira Cloud на боковое меню, вызвали волну негативной реакции со стороны пользователей.
Когда Jira опросила часть пользователей, более 95% первых (из 350) отдали предпочтение «старой» верхней панели навигации.
И у верхней, и у боковой панелей навигации есть проблемы с адаптивным дизайном
Для верхней панели навигации
с небольшим количеством навигационных ссылок вы можете сохранить все эти ссылки видимыми на планшетах в портретной ориентации. Боковое меню, скорее всего, будет скрыто в гамбургер-меню при портретной ориентации планшета, но его преимущество заключается в сохранении единообразия внешнего вида навигации для всех размеров экрана.
Выбор навигации будет зависеть от вашего контекста
Верхняя панель навигации
Занимает мало места и самое видное место на странице. Хорошо работает, когда элементов навигации не слишком много. Рассмотрите возможность использования верхней панели навигации для малых, средних и крупных веб-сайтов, электронной коммерции и веб-приложений, не имеющих иерархической структуры.
Боковая панель навигации
Поддерживает продукты с большим количеством навигационных ссылок, легко масштабируемых и настраиваемых. Рассмотрите возможность использования боковой панели навигации для сложных приложений и веб-сайтов, приложений администратора, настольных приложений и продуктов для управления файлами / контентом, где пользователи могут настраивать меню и нуждаются в структуре дерева / папки.
Источник
Что говорят исследования?
При выборе макета навигации для вашего приложения обычно необходимо определить положение первичной, вторичной и третичной иерархии навигации. Исследование Дженнифер Роуз Кингсбург «Сравнение трехуровневых навигационных структур меню для веб-дизайна» показало, что расположение основной навигации с левой стороны дает множество преимуществ. В 2 исследованиях (по 16 пользователей в каждом) измерялось время, предпочтения и ошибки выбора навигации. Здесь вы можете найти краткое изложение этого исследования. Имейте в виду, что оно было проведено 17 лет назад, и за это время парадигмы дизайна значительно изменились.
Панель навигации слева легче сканировать
Исследования движения глаз показывают, что люди просматривают веб-страницы по F-образному паттерну. Поэтому верхняя, и левая панели навигации соответствуют этому паттерну. Панель навигации слева облегчает вертикальное направление сканирования (списки), что значительно увеличивает скорость, а также требует меньшего количества визуальных фиксаций, поэтому мы можем видеть несколько навигационных ссылок одновременно. (Боковая панель навигации может быть расположена справа для систем письма справа-налево)
Верхняя панель навигации экономит место
Если мы посмотрим на обычные экраны ноутбуков и ту часть, которую занимают компоненты навигации, левая навигация часто будет занимать в 3 раза больше места, чем верхняя. Добавьте к этому немного пространства, зарезервированного для заголовка, поиска или других элементов, таких как уведомления или профиль. Левая панель навигации может легко занять 25% места на странице. Сворачивание боковой панели для экономии места не всегда будет работать, так как вы не можете постоянно размещать длинные метки, а навигация только с помощью иконок будет слишком сильно нагружать память пользователя.
Случаи неудачного перехода на боковую панель навигации
Редизайн навигации – это всегда сложная задача. Пользователи привыкают к навигации, особенно когда используют ваш продукт ежедневно. Даже небольшие изменения в навигации могут запутать их. Независимо от новой кривой обучения, некоторые случаи, такие как переход навигации Jira Cloud на боковое меню, вызвали волну негативной реакции со стороны пользователей.
Когда Jira опросила часть пользователей, более 95% первых (из 350) отдали предпочтение «старой» верхней панели навигации.
И у верхней, и у боковой панелей навигации есть проблемы с адаптивным дизайном
Для верхней панели навигации
с небольшим количеством навигационных ссылок вы можете сохранить все эти ссылки видимыми на планшетах в портретной ориентации. Боковое меню, скорее всего, будет скрыто в гамбургер-меню при портретной ориентации планшета, но его преимущество заключается в сохранении единообразия внешнего вида навигации для всех размеров экрана.
Выбор навигации будет зависеть от вашего контекста
Верхняя панель навигации
Занимает мало места и самое видное место на странице. Хорошо работает, когда элементов навигации не слишком много. Рассмотрите возможность использования верхней панели навигации для малых, средних и крупных веб-сайтов, электронной коммерции и веб-приложений, не имеющих иерархической структуры.
Боковая панель навигации
Поддерживает продукты с большим количеством навигационных ссылок, легко масштабируемых и настраиваемых. Рассмотрите возможность использования боковой панели навигации для сложных приложений и веб-сайтов, приложений администратора, настольных приложений и продуктов для управления файлами / контентом, где пользователи могут настраивать меню и нуждаются в структуре дерева / папки.
Источник
Forwarded from Denis Sexy IT 🤖
This media is not supported in your browser
VIEW IN TELEGRAM
В вулкан дрона уже посылали, теперь вот послали поближе к торнадо🌪
Тут все 7 минут видео:
https://youtu.be/ANl7qWbORAs
На последних секундах дрон вышел из строя и упал, звук пиканья в видео с пульта пилота. Пилот как раз где-то под дроном находился в этот момент по его словам, сильный духом чувак 🦾
Тут все 7 минут видео:
https://youtu.be/ANl7qWbORAs
На последних секундах дрон вышел из строя и упал, звук пиканья в видео с пульта пилота. Пилот как раз где-то под дроном находился в этот момент по его словам, сильный духом чувак 🦾
Forwarded from Дизайн-кабак
Sati Taschiba: «Как я выиграла Red Dot Design Awards в двух категориях и другие 11 дизайн награды в 24 категориях…»
https://designpub.ru/9762bcf7be04
https://designpub.ru/9762bcf7be04
Medium
Как я выиграла Red Dot Design Awards в двух категориях и другие 11 дизайн награды в 24 категориях в 2020
В этом году я поставила перед собой цель участвовать в конкурсах по дизайну. За год я приняла участие в 11 дизайн конкурсах в 26…
Forwarded from Denis Sexy IT 🤖
В первой половине XX века знаменитым ученым Михаилом Герасимовым был разработан способ реконструкции лица по черепу: довольно сложный процесс на основе огромного количества статистических данных, где измерив череп воссоздают «мягкие ткани» слой за слоем, таким образом получая возможное лицо человека.
Метод признали эффективным и уже в 1963 году, в ходе реставрационных работ в Архангельском соборе Московского Кремля, вскрыли могилу монарха для изучения останков и Герасимов получил возможность реконструировать облик Ивана Грозного.
В итоге, применив свой метод, Герасимов получил «бюст» царя, то как он бы мог выглядеть – он на первой фоточке.
Помимо этого стало известно что: Царь был довольно высоким ~178 см, могучего телосложения, склонным к полноте, а к концу жизни много болел и видимо вел малоподвижный способ жизни. Вот тут подробная статья об этом методе и что удалось обнаружить.
Вторая часть поста ниже.
Метод признали эффективным и уже в 1963 году, в ходе реставрационных работ в Архангельском соборе Московского Кремля, вскрыли могилу монарха для изучения останков и Герасимов получил возможность реконструировать облик Ивана Грозного.
В итоге, применив свой метод, Герасимов получил «бюст» царя, то как он бы мог выглядеть – он на первой фоточке.
Помимо этого стало известно что: Царь был довольно высоким ~178 см, могучего телосложения, склонным к полноте, а к концу жизни много болел и видимо вел малоподвижный способ жизни. Вот тут подробная статья об этом методе и что удалось обнаружить.
Вторая часть поста ниже.
Forwarded from Denis Sexy IT 🤖
А я взял этот бюст-реконструкцию Ивана IV, скормил его нейронным сетям обученным на десятках тысяч лиц и получил примерно то, как он бы мог выглядеть (как я уже делал тут), шапку Мономаха я в фотошопе дорисовал, так как интересно было как смотрится.
⚠️ Важно сказать, что метод совсем не означает, что Иван Грозный так выглядел, метод не исторически аккуратный – это просто догадка нейронок. Я попробовал прогнать разные ракурсы этого бюста и почти всегда получалось примерно одно лицо человека в возрасте (Иван IV умер в 53 года, оригинальный бюст должен отражать последние годы жизни), что довольно хороший знак, но тем не менее – это просто близкая к бюсту генерация возможного лица. Прогнав свое фото таким же способом я получил человека похожего на меня ну может на 60%.
Но тем не менее, всегда интересно смотреть на приблизительные лица из прошлого.
Первая часть поста.
⚠️ Важно сказать, что метод совсем не означает, что Иван Грозный так выглядел, метод не исторически аккуратный – это просто догадка нейронок. Я попробовал прогнать разные ракурсы этого бюста и почти всегда получалось примерно одно лицо человека в возрасте (Иван IV умер в 53 года, оригинальный бюст должен отражать последние годы жизни), что довольно хороший знак, но тем не менее – это просто близкая к бюсту генерация возможного лица. Прогнав свое фото таким же способом я получил человека похожего на меня ну может на 60%.
Но тем не менее, всегда интересно смотреть на приблизительные лица из прошлого.
Первая часть поста.
Forwarded from For Web — фронтенд, дизайн, программирование
SVG Waves, генератор SVG-волн для красивого разделения секций страницы → https://www.svgwaves.io