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
Forwarded from Designdealer
Открой для себя новое профессиональное направление digital art и попробуй свои силы в создании 2D-графики! Участвуй в бесплатном онлайн-интенсиве Skillbox и научись создавать стилизованные концепт-арты с нуля: https://clc.am/5AGxWg
— Ты узнаешь, как развиваться в профессии 2D-художника.
— Изучишь базовые принципы работы в Photoshop.
— Создашь стилизованный концепт-арт.
— Задашь вопросы спикеру в прямом эфире.
Ждём тебя на бесплатном интенсиве с 6 по 8 мая в 19:00 по МСК
Участвуй в интенсиве, прояви себя и получи возможность выиграть сертификат на 15 000 рублей для обучения на образовательной платформе Skillbox!
— Ты узнаешь, как развиваться в профессии 2D-художника.
— Изучишь базовые принципы работы в Photoshop.
— Создашь стилизованный концепт-арт.
— Задашь вопросы спикеру в прямом эфире.
Ждём тебя на бесплатном интенсиве с 6 по 8 мая в 19:00 по МСК
Участвуй в интенсиве, прояви себя и получи возможность выиграть сертификат на 15 000 рублей для обучения на образовательной платформе Skillbox!
Forwarded from Логотип побольше
Печеньки с канабисом. Концепт в рамках ежегодного конкурса для Ре́йксмюсеум, художественного музея в Амстердаме. Упаковка сразу дает заряд эмоций. Во-первых, потому что легко считывается идея. Во-вторых, потому что с упаковки тебе улыбаются и передают эту эмоцию. В-третьих, ты видишь не совсем привычные образы для стандартных картин.
#упаковка
#упаковка
Forwarded from Веб-стандарты (Веб-стандарты)
Сквирклы в вебе. Павел Лаптев показывает, как нарисовать фигуру, среднюю между кругом и квадратом, при помощи Houdini Paint API и CSS-масок.
https://medium.com/p/5ef11f646b72
https://medium.com/p/5ef11f646b72
Forwarded from PSD | Дизайн-пространство
Итоговое повышение цен на Design Line Boost уже завтра
Признайся, хоть раз в жизни ты мечтал увидеть свой проект в номинации Awwwards. Задумывался ли ты, по каким критериям их отбирают? Рассуждать об этом можно бесконечно, но их точно объединяет одно. Такие сайты заставляют посмотреть по-новому на дизайн в целом. А первое, что всегда оценивают судьи — визуал и креативность.
Открыть для себя дизайн с другой стороны и понять, как создавать успешные и креативные проекты можно уже с 16 по 22 мая на онлайн-стажировке DL Boost совместно с самой награждаемой студией Украины.
Vintage Web Production входит в топ-30 агентств мира по версии Awwwards. Основатели и кураторы стажировки Оля Шевченко и Женя Кудрявченко получили около сотни наград за годы работы и не собираются останавливаться. Они научились продавать себя в 3-5 раз дороже рынка, обучили сотни дизайнеров и вырастили десяток арт-директоров.
Научат и тебя: https://clc.to/KigXMg
Признайся, хоть раз в жизни ты мечтал увидеть свой проект в номинации Awwwards. Задумывался ли ты, по каким критериям их отбирают? Рассуждать об этом можно бесконечно, но их точно объединяет одно. Такие сайты заставляют посмотреть по-новому на дизайн в целом. А первое, что всегда оценивают судьи — визуал и креативность.
Открыть для себя дизайн с другой стороны и понять, как создавать успешные и креативные проекты можно уже с 16 по 22 мая на онлайн-стажировке DL Boost совместно с самой награждаемой студией Украины.
Vintage Web Production входит в топ-30 агентств мира по версии Awwwards. Основатели и кураторы стажировки Оля Шевченко и Женя Кудрявченко получили около сотни наград за годы работы и не собираются останавливаться. Они научились продавать себя в 3-5 раз дороже рынка, обучили сотни дизайнеров и вырастили десяток арт-директоров.
Научат и тебя: https://clc.to/KigXMg
Forwarded from Design Board
This media is not supported in your browser
VIEW IN TELEGRAM
Бесплатный. Популярный. Редактор 3D? Не не слышали! 😅
Blender 3D — уникальный графический редактор с исходным кодом, который постоянно выпускает обновления, помогающие решать сложные задачи в графике.
Если вы давно ломали голову над тем, чтобы сделать свою анимацию более плавной, а объекты графики более реальными — обязательно подпишитесь в Сообщество Blender3D. Профессионалы motion-дизайна расскажут:
— Как избежать ошибок при создании подвижного объекта;
— Как запечь и сохранить свою карту нормалей;
— С чего начинается 3D-дизайн комнат.
@Blend3d — поможет реализовать ваши любые графические фантазии.
Blender 3D — уникальный графический редактор с исходным кодом, который постоянно выпускает обновления, помогающие решать сложные задачи в графике.
Если вы давно ломали голову над тем, чтобы сделать свою анимацию более плавной, а объекты графики более реальными — обязательно подпишитесь в Сообщество Blender3D. Профессионалы motion-дизайна расскажут:
— Как избежать ошибок при создании подвижного объекта;
— Как запечь и сохранить свою карту нормалей;
— С чего начинается 3D-дизайн комнат.
@Blend3d — поможет реализовать ваши любые графические фантазии.