Сегодня опять напомню о хорошем посте - про CSS-шлюзы 🙂
В последних веб-стандартах обсуждали ремы и склонялись скорее к тому что бы их не использовать и были аргументы в пользу консистентности макета и верстки, едениц измерения. Наверное, в большинстве случаев так и есть, но я бы не ставил здесь точку и по возможности экспериментировал 🙂
Зум отличается от подхода с ремами тем что он скейлит не только текст, но и вообще все визуальные элементы, в том числе бордеры, что иногда смотрится стремно. При верстке на ремах же для некоторых размеров можно (и нужно!) использовать пиксели.
Ещё на мобилках зумить весь сайт иногда вообще нельзя или не удобно.
Аргумент про большие компании вообще не считайте, они решают свои проблемы, у них нет цели сделать всем хорошо, там важнее мейнстрим.
А если вам хочется посмотреть на наглядный пример использования ремов - reatom.dev. Лайфхак - у меня нет макета ни к нему, не к mono 😃
И специально для тестов я добавил поддержку url параметра
reatom.dev
reatom.dev/?__remSize=16px
В последних веб-стандартах обсуждали ремы и склонялись скорее к тому что бы их не использовать и были аргументы в пользу консистентности макета и верстки, едениц измерения. Наверное, в большинстве случаев так и есть, но я бы не ставил здесь точку и по возможности экспериментировал 🙂
Зум отличается от подхода с ремами тем что он скейлит не только текст, но и вообще все визуальные элементы, в том числе бордеры, что иногда смотрится стремно. При верстке на ремах же для некоторых размеров можно (и нужно!) использовать пиксели.
Ещё на мобилках зумить весь сайт иногда вообще нельзя или не удобно.
Аргумент про большие компании вообще не считайте, они решают свои проблемы, у них нет цели сделать всем хорошо, там важнее мейнстрим.
А если вам хочется посмотреть на наглядный пример использования ремов - reatom.dev. Лайфхак - у меня нет макета ни к нему, не к mono 😃
И специально для тестов я добавил поддержку url параметра
__remSize, который задает documentElement.style.fontSize. Вот попробуйте, откройте две вкладки рядом, поменяйте значение __remSize:reatom.dev
reatom.dev/?__remSize=16px
Telegram
artalog
CSS-lock / CSS-шлюзы
Всегда хочется что бы веб приложением можно было пользоваться адекватно на всех устройствах, что бы контролы и текст не съезжали и при этом не было вертикального скрола. Те нужно что бы размер всей области просмотра динамически скейлился…
Всегда хочется что бы веб приложением можно было пользоваться адекватно на всех устройствах, что бы контролы и текст не съезжали и при этом не было вертикального скрола. Те нужно что бы размер всей области просмотра динамически скейлился…
👍2😁1
👍3🤮3🤔1
Интересные новости headless-ui.
Адобовский юй-кит пополнился хуками для DnD: https://react-spectrum.adobe.com/blog/drag-and-drop.html
И там упоминается что оно так же может работать с уже существующими списками, таблицами и гридам.
Вообще, если вы еще не следите за этой дизайн системой - очень советую, там фундаментально перепридумывают архитектуру и микропаттерны имплементации дизайн системы и дружат все это с множеством браузерных особенностей: react-spectrum.adobe.com/blog
Адобовский юй-кит пополнился хуками для DnD: https://react-spectrum.adobe.com/blog/drag-and-drop.html
И там упоминается что оно так же может работать с уже существующими списками, таблицами и гридам.
Вообще, если вы еще не следите за этой дизайн системой - очень советую, там фундаментально перепридумывают архитектуру и микропаттерны имплементации дизайн системы и дружат все это с множеством браузерных особенностей: react-spectrum.adobe.com/blog
Adobe
Taming the dragon: Accessible drag and drop | React Aria
We are excited to announce the release of drag and drop support in [React Aria](../dnd) and [React Spectrum](s2:v3/dnd)! This includes a suite of hooks for implementing drag and drop interactions, with support for both mouse and touch, as well as full parity…
👍17
👍6❤2
tg_image_1453307235.jpeg
519.2 KB
Поменял темы на Box UK и Box UK Light
#ide
"editor.fontFamily": "Iosevka Term",
"editor.fontWeight": "600",
"editor.fontLigatures": true,
"editor.fontSize": 18,#ide
😐4🔥3👍2🥱2
Автоинкремент версии пакета при обновлении его зависимостей
Очередной ответ на вопрос “а зачем пилить свой велосипед”. Есть мета пакет framework, который просто зависит от пачки типовых пакетов и делает из них реекспорты - удобно ставить, удобно импортить, удобно.
Но что бы обновление любого зависимого пакета попало к вам в проект, нужно доставлять его вручную, либо использовать какие-то патч утилиты / доп команды пакетных менеджеров, которые не знаю я и большинство других разработчиков.
Поэтому решил автоматически бампать версию фреймворка с новыми минимальными версиями зависимостей при апдейте какой-то зависимости. Патч скрипта паблиша по ссылке в заголовке. Про сам скрипт уже рассказвал.
Очередной ответ на вопрос “а зачем пилить свой велосипед”. Есть мета пакет framework, который просто зависит от пачки типовых пакетов и делает из них реекспорты - удобно ставить, удобно импортить, удобно.
Но что бы обновление любого зависимого пакета попало к вам в проект, нужно доставлять его вручную, либо использовать какие-то патч утилиты / доп команды пакетных менеджеров, которые не знаю я и большинство других разработчиков.
Поэтому решил автоматически бампать версию фреймворка с новыми минимальными версиями зависимостей при апдейте какой-то зависимости. Патч скрипта паблиша по ссылке в заголовке. Про сам скрипт уже рассказвал.
GitHub
chore: autoinc framework version for publish · artalar/reatom@d7b8616
Reatom - tiny and powerful reactive system with immutable nature - chore: autoinc framework version for publish · artalar/reatom@d7b8616
👍2
Forwarded from UfoStation
В ближайшем времени будет запись нового выпуска подкаста Станция НЛО
Рассмотрим язык программирования Clojure, а поможет нам известный в узких кругах гость 😎
Напишите какие вопросы вы хотели бы, чтобы были озвучены в выпуске, если таковые имеются
Рассмотрим язык программирования Clojure, а поможет нам известный в узких кругах гость 😎
Напишите какие вопросы вы хотели бы, чтобы были озвучены в выпуске, если таковые имеются
🔥5👍1
UfoStation
В ближайшем времени будет запись нового выпуска подкаста Станция НЛО Рассмотрим язык программирования Clojure, а поможет нам известный в узких кругах гость 😎 Напишите какие вопросы вы хотели бы, чтобы были озвучены в выпуске, если таковые имеются
^ переходите в канал, оставляйте вопросы в комментариях к посту. Подписывайтесь, добьем Сергею 2к :)
❤4👍1
Forwarded from Andrey Sitnik
BarcelonaJS. Записи нет (но слайды дублируют выступление на 95%)
👍1
Максим хорошо пишет про новости, зацените @msosnovfeed
Ещё одна реклама другого канала, просто потому что я сам их читаю и могу рекомендовать :)
Ещё одна реклама другого канала, просто потому что я сам их читаю и могу рекомендовать :)
⚡8❤1
На носу выходные, грядут 48 часов для работы над петами как обычно делюсь видео, в этот раз очень важным для меня - туториал по реатому!
Трижды перезаписывал, жду фидбек и критику :)
Трижды перезаписывал, жду фидбек и критику :)
Telegram
Reatom новости
Компонент поиска на Reatom и React!
Это туториал для знакомства с reatom.dev и его биндингами к React.
Первая половина общая про @reatom/core и @reatom/npm-react, вторая по всяким фишкам из @reatom/framework
Базовый темплейт: https://replit.com/@artalar/reatom…
Это туториал для знакомства с reatom.dev и его биндингами к React.
Первая половина общая про @reatom/core и @reatom/npm-react, вторая по всяким фишкам из @reatom/framework
Базовый темплейт: https://replit.com/@artalar/reatom…
❤9