Size: a a a

2021 February 17

AP

Alexander Ponomarev in Svelte [svelt]
Eugene Ilyin
Почему?
потому что если вам понадобится сразу поставить нужные цвета, а не на клик, то вы будете показывать муть пока жс бандл не загрузится. У вас на стороне сервера нет обьекта дом ноды, на который вы будете делать setProperty
источник

МТ

Марк Танащук... in Svelte [svelt]
У вас 2 темы сайта?
источник

EI

Eugene Ilyin in Svelte [svelt]
Alexander Ponomarev
потому что если вам понадобится сразу поставить нужные цвета, а не на клик, то вы будете показывать муть пока жс бандл не загрузится. У вас на стороне сервера нет обьекта дом ноды, на который вы будете делать setProperty
Так я сам на сервере сформирую css который и подставлю в head где все свойства выставлены изначально даже onMount не потребуется
источник

МТ

Марк Танащук... in Svelte [svelt]
Или больше?
источник

EI

Eugene Ilyin in Svelte [svelt]
Марк Танащук
У вас 2 темы сайта?
Конечно больше, она динамическая, пользователь можен менять конструктором очень многое
источник

AP

Alexander Ponomarev in Svelte [svelt]
Eugene Ilyin
Так я сам на сервере сформирую css который и подставлю в head где все свойства выставлены изначально даже onMount не потребуется
ставя цвета в style этого можно не делать и вызывать только ssr свелта и передавать туда текущую палитру пропсами
источник

EI

Eugene Ilyin in Svelte [svelt]
Alexander Ponomarev
ставя цвета в style этого можно не делать и вызывать только ssr свелта и передавать туда текущую палитру пропсами
Да... Точно. Это же один элемент всего страдает в самом корне... Ща поправлю...
источник

DK

Dan Kozlov in Svelte [svelt]
Eugene Ilyin
Конечно больше, она динамическая, пользователь можен менять конструктором очень многое
Ну тогда у вас очень упрощённый пример.
Вам нужны будут dimmed/darken-версии цветов, вам надо будет иногда вычислять контрастный цвет для текста (скажем, primary-цвет юзер установит чёрный, вам надо будет делать белым текст автоматически; установит белый — наоборот).
Там адова туча.
источник

DK

Dan Kozlov in Svelte [svelt]
Посмотрите, какая жопа в любом CSS-фреймворке в файлах типа derived-variables в бульме. В JS/CSS пока нет тулинга для всего этого, придётся писать самому.
источник

DK

Dan Kozlov in Svelte [svelt]
Dan Kozlov
Ну тогда у вас очень упрощённый пример.
Вам нужны будут dimmed/darken-версии цветов, вам надо будет иногда вычислять контрастный цвет для текста (скажем, primary-цвет юзер установит чёрный, вам надо будет делать белым текст автоматически; установит белый — наоборот).
Там адова туча.
Ну, это если, конечно, у вас всё это не будет делать юзер руками.
источник

AP

Alexander Ponomarev in Svelte [svelt]
Dan Kozlov
Ну тогда у вас очень упрощённый пример.
Вам нужны будут dimmed/darken-версии цветов, вам надо будет иногда вычислять контрастный цвет для текста (скажем, primary-цвет юзер установит чёрный, вам надо будет делать белым текст автоматически; установит белый — наоборот).
Там адова туча.
мне кажется если пользователь поставит бек черным и шрифт черным то он сам дурак и поменяет =)
источник

DK

Dan Kozlov in Svelte [svelt]
Тогда им можно только посочувствовать. Установят по преклу всё в чёрный, а потом никогда не разберутся, как ревертнуть, хахаха
источник

DK

Dan Kozlov in Svelte [svelt]
Alexander Ponomarev
мне кажется если пользователь поставит бек черным и шрифт черным то он сам дурак и поменяет =)
Да, ведь подход "юзер не глупый, разберётся" так хорошо работает при разработке софта, хаха
источник

AP

Alexander Ponomarev in Svelte [svelt]
ну вообще он нормально работает =)
источник

AP

Alexander Ponomarev in Svelte [svelt]
точнее это не та ситуация где бы этот подход не сработал бы
источник

EI

Eugene Ilyin in Svelte [svelt]
Dan Kozlov
Ну тогда у вас очень упрощённый пример.
Вам нужны будут dimmed/darken-версии цветов, вам надо будет иногда вычислять контрастный цвет для текста (скажем, primary-цвет юзер установит чёрный, вам надо будет делать белым текст автоматически; установит белый — наоборот).
Там адова туча.
Да я все это умею :) и даже лучше чем у Google MD
Мне пришлось знатно потрахаться с цветовыми пространствами, контрастами и прочим, прежде, чем я полностью понял на каких принципах работает Material Design Color Tool, понял что она основана на древнючих Lab / HSV, понял что это каменный век, понял как они формируют свои Golden Palettes и понял как их превзойти перейдя на современные, лучшие из доступных цветовых пространств: CAM-16 и Jzazbz
источник

AP

Alexander Ponomarev in Svelte [svelt]
Dan Kozlov
Тогда им можно только посочувствовать. Установят по преклу всё в чёрный, а потом никогда не разберутся, как ревертнуть, хахаха
когда меняешь разрешение монитора, там есть специальный UX который позволяет откатиться обратно если на экране ничерта не видно, ничего не мешает делать так же
источник

EI

Eugene Ilyin in Svelte [svelt]
Alexander Ponomarev
когда меняешь разрешение монитора, там есть специальный UX который позволяет откатиться обратно если на экране ничерта не видно, ничего не мешает делать так же
Если умеешь считать цвета, контрасты и выбирать темный светлый шрифт автоматом этого ничего не надо. Система сама подберет хорошие правильные цвета для светлой и темной темы, девочке лишь наманикюренным пальчиком надо выбрать оттенок бежевого ))
источник

AP

Alexander Ponomarev in Svelte [svelt]
Eugene Ilyin
Если умеешь считать цвета, контрасты и выбирать темный светлый шрифт автоматом этого ничего не надо. Система сама подберет хорошие правильные цвета для светлой и темной темы, девочке лишь наманикюренным пальчиком надо выбрать оттенок бежевого ))
фича которая не стоит потраченных усилий имхо =)
источник

DK

Dan Kozlov in Svelte [svelt]
Alexander Ponomarev
ну вообще он нормально работает =)
Был у меня один продукт.
На главной странице одна кнопка с большим плюсом. Идея продукта — очень понятна и прозрачна.
Я делал для него онбординг, потому что у него было очень плохое удержание, около 5% 30 дней. Я заставил всех юзеров нажимать на эту кнопку, которая открывала форму, и заставлял проходить эту форму на 3 поля — прямо дизейблил всё вообще, кроме этих полей.
Удержание выросло в 6 раз до 30% на 30 дней.
источник