ArbNet

SASS мне не подходит, Блок-Элемент-Модификатор придумали для упрощения, для тех кто верстают сайты в дрищьвивере и др. редакторах чтобы стили не конфликтовали.

Моя цель разработка иной более простой технологии которая будет использоваться в моём движке.

брызганье слюной..

Вот как раз у всех проблемы с стандартизацией, её просто нет, кто во что горазд, откроешь стили и ищешь цвет чтобы подправить. Гораздо проще сделать это через переменные в одном месте. А переменные цвета стандартизировать.

В вас кто-то плюнул, совершенствование и стандарт это разные вещи. Писайте против ветра сколько угодно :)

Глупые люди считают, что всё уже придумано до них, а умные улучшают то что придумано до них :) Вы сидите в луже своих испражнений и радуетесь. А я задаю вам вопросы хотя вы на них и не сможете ответить, потому что ищу решение для вас же, как вам из вашей лужи выбраться.

1. Я не отказался от xml это тема по веб-дизайну, вёрстке стилевому оформлению при использовании css переменных

2. Я не прописываю 100500 цветов, а делаю класс с гаммой цветов которые хочу как то систематизировать чтобы разработчикам было проще создавать оформление.

3. Нет предела совершенствованию, при желании можно и теорему Пифагора улучшить :)

ЗЫ. Предполагаю, что вам часто плюют в лицо :)

Anamnado, предлагаешь интерфейс для настройки цвета, это ерунда всё.

Для настройки цвета достаточно <input type=color> поставить.

Ладно, буду додумывать сам, тут дизайнеров видно нет.

Aisamiery, типа под$бнул :)

16 цветов это в одной гамме, а их использоваться может быть несколько, разные блоки с разной гаммой цветов.

Кроме того палитра цвета не 256 а 16777215 разных оттенков. Поэтому моя разработка предусматривает все возможные и не возможные варианты.

Вопрос в другом, как систематизировать гамму цветов для разработчиков компонентов, чтобы они не задумывались о цветах, а просто в стилях указывали переменные цветовой гаммы.

livetv, у меня был такой вариант до этого

:root {
    --paint: #211E25;/* текст */
    --canvas: #dad2ce;/* фон */
    --border: black;/* бордюр */
    --marker: #e7fcc0;/* маркер */
    --link: #385c15;/* цвет ссылки */
    --linkvisited: #772d51;/* ссылка посещённая */
    --linkhover: #d85b56;/* ссылка при наведении */
    --buttonpaint1: #D6D4D7;/* текст кнопки */
    --buttoncanvas1: #dad2ce;/* фон кнопки */
    --buttonpaint2: #536052;/* текст кнопки при наведении */
    --buttoncanvas2: #e0e5f5;/* фон кнопки при наведении */
    --tableheader: #9ab44a;/* цвет заголовка таблицы */
    --tablezebra1: #e3f1e8;/* 1 чередующий цвет линии таблицы */
    --tablezebra2: #f5f5e0;/* 2 чередующий цвет линии таблицы */
}

Возможно так будет удобнее, но тут уже получается не гамма цветов, а палитра или схема. И разработчикам нужно будет указывать эти имена переменных, а их может оказаться очень много... Поэтому стал склонятся просто к гамме цветов.

Задача в том чтобы определить какое количество цветов необходимо для дизайна это раз. Колеблюсь между 8ю и 16ти. 8 мало если ещё определять цвета ссылок и кнопок. 16 достаточно, но разброс большой и нужно как то систематизировать какие цвета из гаммы где использовать чтобы разработчики об этом не думали, а вставляли просто эти переменные в стили.

это для наглядности, там видны какие цвета

Во-вторых в гамме же указываются цвета от тёмного к светлому, поэтому можно приблизительно ориентироваться по названию переменной. Если с1 значит тёмный цвет, сF светлый. Возможно загоняюсь с стандартизацией(определением назначения для переменной).

Короче застопорился на этом вот. Хочется пообщаться по этому поводу с дизайнерами. Как они подбирают цвета и тд.

Стандартизировать это что-то типа такого

.gamma1 {
    --c0:#201F23;/* текст */
    --c1:#413736;/* цвет заголовков */
    --c2:#56584B;/* */
    --c3:#7B6161;/* фон заголовка блоков */
    --c4:#763E4B;/* бордюр */
    --c5:#8F7F7A;/* цвет ссылки посещённой */
    --c6:#A0636C;/* цвет ссылки */
    --c7:#737E6B;/* цвет ссылки при наведении */
    --c8:#8F7F7A;/* фон кнопки */
    --c9:#AB9388;/* */
    --cA:#C1B5AA;/* */
    --cB:#C3B1B3;/* фон заголовка таблицы */
    --cC:#CFCCCD;/* чередующий фон таблицы 1 */
    --cD:#E6E2DC;/* чередующий фон таблицы 2 */
    --cE:#f2fccdb4;/* маркер */
    --cF:#FFFFFF;/* */
}

То есть определить назначение переменных.

Переменные могут задаваться не только в классе, в основном их задают в селекторах :root или * В классе это я экспериментальным путём выявил, что при изменении класса через js значения переменных меняется на значения таких же переменных заменяемого класса.

Sitealert, современные браузеры все поддерживают, мне этого достаточно.

dimavik, я не просил пинков в сторону других методов и библиотек, Sass и Less по мне уже динозавры, я о них знаю и как там сделано, те подходы меня не устраивают поэтому разрабатываю свой. Мне нужны мысли по поводу как удобнее сделать если применять переменные самого css, чтобы при создании разметки и стилей не думать о дизайне(настраивая цвета и тд) а просто указывать переменные. А для этого нужен определённый стандарт который я сейчас и продумываю. Хотелось бы мнения дизайнеров о описанном моём способе и как возможно стандартизировать переменные для фона, текста, ссылок, кнопок.

ЗЫ. Предполагаю, что зря создал тему.