Forwarded from Визуальные приёмы
This media is not supported in your browser
VIEW IN TELEGRAM
Forwarded from Веб-стандарты (Веб-стандарты)
Онлайн-курс про цифровую доступность для разработчиков, исследователей и дизайнеров пройдёт 22 мая—27 июня. В программе: теория доступной разработки, применение знаний на практике и тестирование работ вместе с незрячими людьми.
https://kurmak.info/
https://kurmak.info/
Forwarded from 👾 твой cto
🤷🏻 В какой момент мы свернули не туда? Когда мы начали верстать на CSS 3 вместо использования хаков для скруглёнными углов? Или когда появился супербыстрый Google Chrome, и сайты стали в десять раз сложнее? Мне кажется, что где-то мы точно сделали что-то не так, потому что теперь у нас есть браузер, который стримит из облака… обычные веб-страницы.
В раннем доступе появился новый браузер Mighty, который рендерит сайты в облаке и стримит к вам на компьютер только изображение. Плюсы:
+ никто не съедает всю оперативку
+ кулеры не шумят
+ батарейка держит ещё дольше
+ сайты работают супер быстро
Минусы:
– вся ваша безопасность зависит от маленького стартапа
Демо видео.
Кстати, статья на тему: «Моё разочарование в софте».
В раннем доступе появился новый браузер Mighty, который рендерит сайты в облаке и стримит к вам на компьютер только изображение. Плюсы:
+ никто не съедает всю оперативку
+ кулеры не шумят
+ батарейка держит ещё дольше
+ сайты работают супер быстро
Минусы:
– вся ваша безопасность зависит от маленького стартапа
Демо видео.
Кстати, статья на тему: «Моё разочарование в софте».
Forwarded from Node.JS [ru] | Серверный JavaScript
Inspx — React компонент для инспектирования макета
Позволяет отлаживать внутренние и внешние отступы, размеры, высоту и ширину
#jslib #jstools #javascript #react #frontend #webdev
Позволяет отлаживать внутренние и внешние отступы, размеры, высоту и ширину
#jslib #jstools #javascript #react #frontend #webdev
GitHub
GitHub - raunofreiberg/inspx: Pixel perfect layout inspection.
Pixel perfect layout inspection. Contribute to raunofreiberg/inspx development by creating an account on GitHub.
Forwarded from Dezzigners
📖 UX-стратегия. Чего хотят пользователи и как им это дать
🖋Джейми Леви
UX-стратегия, или стратегия опыта взаимодействия (UX, User Experience), лежит на стыке UX-дизайна и бизнес-стратегии. Интернет продолжает предлагать потребителям бесконечный ассортимент цифровых решений. Каждый щелчок, жест или наведение мыши становится решением, которое принимается пользователем. Пользователь постоянно сталкивается с выбором: покупать или не покупать, одобрить или высмеять, рассказать другим или забыть, завершить или отменить.
Вы должны знать, какие возможности следует предлагать и как они используются людьми. Вы должны разбираться во всех последних и ожидаемых устройствах, платформах и приложениях, чтобы оценить возможность их применения в ваших решениях.
Вы и ваша команда должны сделать все возможное, чтобы Алиса упала в кроличью нору и оказалась в Стране чудес.
🖋Джейми Леви
UX-стратегия, или стратегия опыта взаимодействия (UX, User Experience), лежит на стыке UX-дизайна и бизнес-стратегии. Интернет продолжает предлагать потребителям бесконечный ассортимент цифровых решений. Каждый щелчок, жест или наведение мыши становится решением, которое принимается пользователем. Пользователь постоянно сталкивается с выбором: покупать или не покупать, одобрить или высмеять, рассказать другим или забыть, завершить или отменить.
Вы должны знать, какие возможности следует предлагать и как они используются людьми. Вы должны разбираться во всех последних и ожидаемых устройствах, платформах и приложениях, чтобы оценить возможность их применения в ваших решениях.
Вы и ваша команда должны сделать все возможное, чтобы Алиса упала в кроличью нору и оказалась в Стране чудес.
Forwarded from Дизайн-кабак
Nikita Fedoseev: «Сторителлинг в проектировании интерфейсов»
https://designpub.ru/952cb3df1d1d
https://designpub.ru/952cb3df1d1d
Medium
Сторителлинг в проектировании интерфейсов
Узнать, что важно людям, можно поговорив с ними. Для этого в дизайне достаточно способов. Главная цель этих методов — услышать историю.
Forwarded from Node.JS [ru] | Серверный JavaScript
deno_dom — браузерный DOM для Deno
Реализован с помощью Rust, WASM и Deno/TypeScript
#jslib #deno #backend #webdev #typescript #rust #wasm
Реализован с помощью Rust, WASM и Deno/TypeScript
#jslib #deno #backend #webdev #typescript #rust #wasm
GitHub
GitHub - b-fuze/deno-dom: Browser DOM & HTML parser in Deno
Browser DOM & HTML parser in Deno. Contribute to b-fuze/deno-dom development by creating an account on GitHub.
Forwarded from Denis Sexy IT 🤖
Мини-вертолётик с Марса сфотографировал марсоход. Это вроде бы просто фото, но вы только вдумайтесь – это вторая планета в этой солнечной системе где используются Linux-пакеты curl и ffmpeg ✨
P.S. Апскейльнул первую фоточку, так лучше видно
P.S. Апскейльнул первую фоточку, так лучше видно
Forwarded from Design Board
This media is not supported in your browser
VIEW IN TELEGRAM
GFN, но только для сайтов
mightyapp.com
Так, сервисов, которые стримят жирные игры на ваш слабенький компутер, уже как гуталина, а что делать с сайтами c Awwwards, для запуска коих тоже нужно обладать супер геймерским компьютером? Правильно, и их стримить — тут и кулер жужжать не захочет, батарейка медленнее садиться будет, ну и оперативка без загруза окажется. Да, приватность под вопросом... но посмотрим, куда оно пойдёт. Короче, Mighty — браузер, который отдаёт вам веб-сайты прямо из облака в виде видеопотока.
mightyapp.com
Так, сервисов, которые стримят жирные игры на ваш слабенький компутер, уже как гуталина, а что делать с сайтами c Awwwards, для запуска коих тоже нужно обладать супер геймерским компьютером? Правильно, и их стримить — тут и кулер жужжать не захочет, батарейка медленнее садиться будет, ну и оперативка без загруза окажется. Да, приватность под вопросом... но посмотрим, куда оно пойдёт. Короче, Mighty — браузер, который отдаёт вам веб-сайты прямо из облака в виде видеопотока.
Forwarded from Логотип побольше
Lorem ipsum — мастхэв канал для UI/UX дизайнера в 2021 году.
На канале собраны лучшие сервисы, плагины, шаблоны, мокапы и отборный образовательный контент.
Один канал, вместо десятков ресурсов. Подпишитесь, чтобы не потерять: @ipsum
На канале собраны лучшие сервисы, плагины, шаблоны, мокапы и отборный образовательный контент.
Один канал, вместо десятков ресурсов. Подпишитесь, чтобы не потерять: @ipsum
Forwarded from Веб-стандарты (Веб-стандарты)
Поприветствуйте выражения от контейнера. Ахмад Шадид показывает, в каких случаях для привычных элементов на страницах будет полезно применять CSS Container Queries.
https://ishadeed.com/article/say-hello-to-css-container-queries/
https://ishadeed.com/article/say-hello-to-css-container-queries/
Forwarded from Denis Sexy IT 🤖
#промо
Привет, это Рома из EORA.ru — мы разрабатываем и помогаем внедрять решения на основе машинного обучения. За четыре года существования мы разработали и внедрили более 40 проектов на основе машинного обучения таким клиентам как Додо-пицца, SberDevices, QIWI, s7 и другим крупным компаниям
Видео про нас:
https://youtu.be/4DnI7vxoYb4
В коллаборации с @Denissexy мы запускаем рубрику, где каждую среду будем рассказывать о реальных кейсах применения искусственного интеллекта в больших компаниях начиная от оценки проекта, заканчивая результатами и экономическим эффектом.
Разберем проекты с автоматизацией контактных центров, созданию навыков для голосовых ассистентов, анализа изображений и видео потоков, и даже затронем тему поиска и генерации изображений.
Приятно познакомиться, увидимся в среду!
P.S. Всегда можете связаться с нами по этому адресу:
hello@eora.ru
Привет, это Рома из EORA.ru — мы разрабатываем и помогаем внедрять решения на основе машинного обучения. За четыре года существования мы разработали и внедрили более 40 проектов на основе машинного обучения таким клиентам как Додо-пицца, SberDevices, QIWI, s7 и другим крупным компаниям
Видео про нас:
https://youtu.be/4DnI7vxoYb4
В коллаборации с @Denissexy мы запускаем рубрику, где каждую среду будем рассказывать о реальных кейсах применения искусственного интеллекта в больших компаниях начиная от оценки проекта, заканчивая результатами и экономическим эффектом.
Разберем проекты с автоматизацией контактных центров, созданию навыков для голосовых ассистентов, анализа изображений и видео потоков, и даже затронем тему поиска и генерации изображений.
Приятно познакомиться, увидимся в среду!
P.S. Всегда можете связаться с нами по этому адресу:
hello@eora.ru
YouTube
Группа компаний EORA
EORA.ai - российская компания. Мы создаём ИИ-сервисы для бизнеса, изучаем передовой опыт разработки решений в сфере машинного обучения и делимся им с другими...
Forwarded from Node.JS [ru] | Серверный JavaScript
Nessie — Deno библиотека для PostgreSQL, MySQL, MariaDB и SQLite миграций
#jslib #deno #backend #webdev #mysql #sqlite #mariadb #postgres
#jslib #deno #backend #webdev #mysql #sqlite #mariadb #postgres
GitHub
GitHub - halvardssm/deno-nessie: A modular Deno library for PostgreSQL, MySQL, MariaDB and SQLite migrations
A modular Deno library for PostgreSQL, MySQL, MariaDB and SQLite migrations - halvardssm/deno-nessie
Forwarded from Логотип побольше
Elif Bulut создал концепт упаковки для кроссовок, который выполнен из экоматериалов и может трансформироваться сразу в выставочную конструкцию.
Forwarded from Maga’s Journal
Шорткаты в разные сервисы через доменные адреса. Условный doc.new в моей памяти есть давно, но что есть целый регистр наткнулся впервые, lolz included:
whats.new/shortcuts/
whats.new/shortcuts/
Forwarded from UX Notes (Антон Григорьев)
Джон Анкарстрем раскритиковал, как сейчас работает адаптивный дизайн.
Обычно он работает так: пользователь меняет ширину окна браузера, а сайт в ответ делает редизайн. Всё, что человек успел запомнить о расположении ссылок и блоков, вылетает в трубу.
Иногда пользователям важна не только полная версия сайта, но и возможность уместить на экране несколько страниц. Они не открывают браузер на весь экран, а сжимают его до минимальной ширины, при которой остаётся полная версия сайта.
Подходящую ширину придётся искать для каждого нового сайта, так как дизайнеры почти никогда не указывают одну и ту же ширину в медиазапросах.
Можно отключить медиазапросы в браузере, но чаще всего по умолчанию будет отображаться мобильная версия (подход Mobile First).
Возможно, пользователям будет удобнее, если разработчики будут привязывать адаптивные состояния не к ширинам экрана, а к типам устройств.
https://habr.com/ru/company/macloud/blog/554650/
Обычно он работает так: пользователь меняет ширину окна браузера, а сайт в ответ делает редизайн. Всё, что человек успел запомнить о расположении ссылок и блоков, вылетает в трубу.
Иногда пользователям важна не только полная версия сайта, но и возможность уместить на экране несколько страниц. Они не открывают браузер на весь экран, а сжимают его до минимальной ширины, при которой остаётся полная версия сайта.
Подходящую ширину придётся искать для каждого нового сайта, так как дизайнеры почти никогда не указывают одну и ту же ширину в медиазапросах.
Можно отключить медиазапросы в браузере, но чаще всего по умолчанию будет отображаться мобильная версия (подход Mobile First).
Возможно, пользователям будет удобнее, если разработчики будут привязывать адаптивные состояния не к ширинам экрана, а к типам устройств.
https://habr.com/ru/company/macloud/blog/554650/
Хабр
Адаптивный дизайн как антипаттерн
Анимированная гифка показывает, что происходит на Invidious, когда я сужаю окно браузера на пару пикселей. Полностью меняется компоновка элементов на странице: исходный трехколоночный макет...