ArbNet

ArbNet
Рейтинг
146
Регистрация
27.10.2019
Программист самоучка

Ребята чего вы собачитесь на пустом месте..

Для ТСа вопрос темы риторический, ему было просто интересно мнения людей, врятли он будет что-то изучать(вы может не заметили, но он уже давно потерялся, я с ним немного в личке пообщался), а если и будет, то на долго его не хватит. Это раз.

Во-вторых настоящие программисты постоянно изучают технологии по ходу работы и изучать приходится не только языки, но и разные функции библиотек и тд. То есть когда стоит какая либо задача, то для её выполнения могут потребоваться разные подходы, так как большинство современных задач комплексные(то есть используются разные языки, способы обработки данных и тд.)

Сейчас изучение какого либо конкретного языка не сделает вас программистом, вы возможно сможете решать только простые узконаправленные задачи(а кому нужен такой программист?)

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

Dreammaker:
Опишите, пожалуйста, как у вас будет реализовываться A/B-тестирование цвета кнопки, например. Условно у проекта 100000 пользователей на какой-то странице, я хочу из какого-то набора цветов случайным образом сравнивать пары и собирать статистику, какой цвет из пары приводит к большему количеству регистраций. Как у вас это будет реализовано?

Это вопрос не веб-дизайна, а скрипта. Можно в компоненте button добавить свойства: включения сбора статистики и имя класса цветов кнопки.

При включённом свойстве сбора статистики будут анализироваться был ли пользователь на данной странице и какого цвета кнопка ему показывалась, нажал ли он её. Ну и в админке добавить страницу вывода статистики.

Что касается дизайна.

Делается два класса с переменной цвета для кнопки. Можно в компоненте в php задавать класс для кнопки. А можно подключать функцию JS(ну как функцию, у меня есть своя библиотека js для динамического обновления страницы, можно без перезагрузки страницы менять содержание и стили, в подключаемой функции будет просто команда для смены стиля/класса конкретной кнопки), которая будет менять класс(цвет/стиль) данной кнопки.

Sly32:
Да тут все уже давно поняли что ты делаешь)))

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

Успокойтесь, я ничего не изобретаю :)

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

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

Я уже неоднократно говорил, что препроцессоры и бутстрап мне не нужны, моё решение более гибкое.

silicoid, У меня всё намного проще.

Есть скин(skin-дизайн сайта), в нём стили всех элементов, тегов, кнопок, input, textarea, fieldset, a, h, p и тд. Цвета как и говорил будут задаваться переменными в селекторе :root и классах .color0, .color1 и тд. в зависимости сколько нужно разных цветовых блоков. В компонентах стилей также будут указываться переменные цвета, а не сами цвета.

При смене скина дизайн будет меняться, при указании класса блоку color2 вместо color1 цвета блока со всеми элементами в нём так же изменится.

Стили к компонентам задаются class="узел-компонент" мне БЭМ нафиг не нужен

Aisamiery:
class="b1 c0 l2 p3"

Я в классах ничего так шифровать не собираюсь, вы не внимательны!!

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

---------- Добавлено 28.12.2019 в 08:55 ----------

Sly32:
border: #f0f0f0 solid 1px;

Для изменения цвета или стиля кнопки в вашем случае надо каждый раз заново прописывать стили.

Я же просто буду указывать, что мне нужен компонент узла button-rectangle(прямоугольник) или button-oval(овал) color1 или color2, color3 ...

кто-то может называть классы цветов например color-red, color-green это уже не суть, кому как удобнее

Aisamiery:
сейчас ТС пытается несколько дней придумать вот это (variables), но пока дело дошло только до цвета

Потом глядишь допрет до инструментов работы с цветом.

правда не совсем понимаю пока при чем тут xml-framework

Bootstrap это кучамала некоторых нужных и остальных не нужных стилей. Мне его придумывать не зачем, пользуйтесь, оно вам облегчит рутинную работу :)

А xml-framework основан на структурировании в xml данных узлов и макетов компонентов с стилями. Мне не нужно кучамала стилей бутстрапа и препроцессоры стилей, так как макет компонента строится html разметкой и в стилях компонента простой css, но цвета будут указываться переменными var(--*).

Разработчик заходит в админку настраивает палитры цветов, в структуре в блоке указывает нужную палитру, всё.

---------- Добавлено 27.12.2019 в 16:54 ----------

Sly32:
Если вы про них только узнали, не говорите за других) везде и давно используются

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

Aisamiery:
canvas0 это светлый а canvas2 это основной цвет?

Цвета указываются от тёмного 0 к светлому 3

Aisamiery:
переиспользование css и возможность вставить блок в любое место не боясь что на него повиснет эффект от класса .color1

учите матчасть css переменных

Aisamiery:
он просто на днях прочитал о переменных css и у него родилась "гениальная" идея

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

Sitealert:
Есть люди, которые ловят кайф, когда их другие шлёпают.

Это вы о себе по ходу :)

Итак, вот что я надумал.

Определяются основные переменные палитры, цвета фона, текста и ссылок соответственно


:root {
--canvas0: #цвет;
--canvas1: #цвет;
--canvas2: #цвет;
--canvas3: #цвет;
--paint0: #цвет;
--paint1: #цвет;
--paint2: #цвет;
--paint3: #цвет;
--link0: #цвет;
--link1: #цвет;
--link2: #цвет;
--link3: #цвет;
}

Разработчик при создании компонента не думает о дизайне и цветах, просто указывает переменные, например для основного фона --canvas2 для тёмного блока --canvas0 для светлого блока --canvas3 для текста тёмного блока --paint0 ну и так далее

А когда нужен блок с другими цветами, то подключаем класс с другой палитрой, в которой те же переменные, но с другими значениями цвета. Указываем этот класс в блоке и блок будет выводится в других цветах.


.color1 {
--canvas0: #цвет;
...
--canvas3: #цвет;
--paint0: #цвет;
...
--paint3: #цвет;
--link0: #цвет;
...
--link3: #цвет;
}
<div class=color1>содержание блока</div>

А может однобуквенные с числом всё таки лучше?

Aisamiery:
В данном случае все проще, это просто эффект Даннинга — Крюгера

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

Sitealert:
Наверное, потому что не дизайнер

Это скорее не вопрос наверно, да ответ на самом деле уже озвучен мной. Я при создании темы на 99% был уверен, что никто не сможет ничего толкового ответить.

ЗЫ. Не доросли вы(не вы лично, а все) ещё до моего уровня :)

Всего: 2287