[CSS] LESS все таки рулит :)
От: Sheridan Россия  
Дата: 13.12.13 04:03
Оценка:
less в качестве компилируемого css все таки рулит.
Вместо тысячи слов нормальная, действительно каскадная таблица стилей.
Вот 4хуровневое меню, что я наваял
А вот во что оно компилируется
В коде может чего то не хватать — он разбросан по двум файлам, но вроде бы выдернул все что надо

Matrix has you...
Re: [CSS] LESS все таки рулит :)
От: jazzer Россия Skype: enerjazzer
Дата: 13.12.13 04:11
Оценка:
Здравствуйте, Sheridan, Вы писали:

S>less в качестве компилируемого css все таки рулит.


Костыль. Лучше бы они css нормальным сделали. Компилируемые стили у клиента не работают же (т.е. в Stylish ты его не засунешь).
jazzer (Skype: enerjazzer) Ночная тема для RSDN
Автор: jazzer
Дата: 26.11.09

You will always get what you always got
  If you always do  what you always did
Re: [CSS] LESS все таки рулит :)
От: Don Reba Канада https://stackoverflow.com/users/49329/don-reba
Дата: 13.12.13 04:22
Оценка:
Честно говоря, выгода неочевидна. Оба фрагмента кода примерно одинаковой длины, при том плоский результат компиляции гораздо проще читается.
Ce n'est que pour vous dire ce que je vous dis.
Re[2]: [CSS] LESS все таки рулит :)
От: Sheridan Россия  
Дата: 13.12.13 04:32
Оценка:
Здравствуйте, jazzer, Вы писали:

J>Здравствуйте, Sheridan, Вы писали:


S>>less в качестве компилируемого css все таки рулит.


J>Костыль. Лучше бы они css нормальным сделали.

Согласен абсолютно.

J>Компилируемые стили у клиента не работают же (т.е. в Stylish ты его не засунешь).

Если js можно туда воткнуть, то заработают, ибо они могут и на строне сервера обрабатываться (не помню, какая то комманда есть) и на стороне клиента жабаскриптом
Matrix has you...
Re[2]: [CSS] LESS все таки рулит :)
От: Sheridan Россия  
Дата: 13.12.13 04:33
Оценка:
Здравствуйте, Don Reba, Вы писали:

DR>Честно говоря, выгода неочевидна. Оба фрагмента кода примерно одинаковой длины, при том плоский результат компиляции гораздо проще читается.

... а потом ты решаешь поменять пару цветов или режимы анимации, на десятой минуте понимаешь что зря ты это дело затеял...
Matrix has you...
Re: [CSS] LESS все таки рулит :)
От: avpavlov  
Дата: 13.12.13 07:31
Оценка:
S>Вот 4хуровневое меню, что я наваял

Надеюсь, чисто поразвлекаться, а не для реального использования.

Иначе в твоём лице я получу материализованную персону, которая будет олицетворять всех тех долдонов, делающих всплывающие меню на сайтах.
Re[2]: [CSS] LESS все таки рулит :)
От: Sheridan Россия  
Дата: 13.12.13 09:08
Оценка: :)
Здравствуйте, avpavlov, Вы писали:

A>Надеюсь, чисто поразвлекаться, а не для реального использования.



A>Иначе в твоём лице я получу материализованную персону, которая будет олицетворять всех тех долдонов, делающих всплывающие меню на сайтах.

Не, у меня выпадающие
Matrix has you...
Re[3]: [CSS] LESS все таки рулит :)
От: avpavlov  
Дата: 13.12.13 09:36
Оценка:
S>
S>Не, у меня выпадающие

Гореть тебе в аду, Шеридан. Правда я думаю, что ты разработку до ума всё равно не доведёшь, как и все остальные, которые ты предпринимал
Re[4]: [CSS] LESS все таки рулит :)
От: Sheridan Россия  
Дата: 13.12.13 12:14
Оценка:
Здравствуйте, avpavlov, Вы писали:

S>>

S>>Не, у меня выпадающие

A>Гореть тебе в аду, Шеридан. Правда я думаю, что ты разработку до ума всё равно не доведёшь, как и все остальные, которые ты предпринимал

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

void CManageArticle::composeForm(const std::string &caption,
                                 const std::string &text,
                                 const std::string &image,
                                 const std::string &division_id,
                                 const std::string &status)
{
  CMS_SQL(sql);
  CMS_SQL_RESULT(sql, sr) << "SELECT short_name, id FROM divisions order by short_name;";

  putBaseHeader();
  CH_OUT
  HTML
  (
    <div class="panel">
      <div class='caption'>Редактирование статьи</div>
      <form name="articles" method='POST' action='/admin/article/commit'>
      <table width='100%'>
        <tr>
          <td width='80%'><input type="text" id="id_caption"    name="caption" value=) QVAR(caption) HTML( /></td>
          <td width='20%'><input type="text" id="id_caption_tr" name="caption_transliterated" readonly/></td>
        </tr>
      </table>
      <script type='text/javascript'>
        $(function()
        {
          $('#id_caption').keyup( function() { translit('#id_caption','#id_caption_tr'); return false; });
          $(document     ).ready( function() { translit('#id_caption','#id_caption_tr');               });
        });
      </script>
      <textarea id='tinymce_editor' name='editor'>) VAR(text) HTML(</textarea>
      <script type='text/javascript'>tinymce_init("tinymce_editor");</script>
      <label for='id_division'>Привязать к</label>
      <select name='division' id='id_division'>
      );
      while(sr.next())
      {
        CH_OUT HTML
            (
              <option value=) QVAR(sr.get<std::string>(1))
                               VAR(sr.get<std::string>(1).compare(division_id) == 0 ? "selected" : "") HTML(
              >)               VAR(sr.get<std::string>(0)) HTML(
              </option>
            );
      }
      CH_OUT HTML(
      </select>
      <label for='id_status'> и </label>
      <select name='status' id='id_status'>
        <option value="published" ) VAR(status.compare("published") == 0 ? "selected" : "") HTML(>Опубликовать</option>
        <option value="draft"     ) VAR(status.compare("draft"    ) == 0 ? "selected" : "") HTML(>Сохранить как черновик</option>
      </select>
      <input type="submit" value="Отправить" />
  );
  putBaseFooter();
}
Matrix has you...
Re[5]: [CSS] LESS все таки рулит :)
От: avpavlov  
Дата: 13.12.13 12:51
Оценка:
Здравствуйте, Sheridan, Вы писали:

S>Здравствуйте, avpavlov, Вы писали:


S>>>

S>>>Не, у меня выпадающие

S>Я тут тебе щас кусок кода приведу: ты вообще ужаснешся, хотя лично мне нравится %)


Сервер-сайд пользователей не касается, так что мне пофиг. А за 4х уровневые всплывающие/выпадающие веб-меню ... — нутыпонел
Re[6]: [CSS] LESS все таки рулит :)
От: Sheridan Россия  
Дата: 13.12.13 13:04
Оценка:
Здравствуйте, avpavlov, Вы писали:

A>Сервер-сайд пользователей не касается, так что мне пофиг. А за 4х уровневые всплывающие/выпадающие веб-меню ... — нутыпонел

Ок, я готов выслушать твои предложения на тему "Как бы нам вывести такое меню, что бы позволяло держать в себе кучу элементов, но при этом не занимало бы половину экрана"
Matrix has you...
Re[7]: [CSS] LESS все таки рулит :)
От: avpavlov  
Дата: 13.12.13 15:43
Оценка:
Здравствуйте, Sheridan, Вы писали:

S>Здравствуйте, avpavlov, Вы писали:


A>>Сервер-сайд пользователей не касается, так что мне пофиг. А за 4х уровневые всплывающие/выпадающие веб-меню ... — нутыпонел

S>Ок, я готов выслушать твои предложения на тему "Как бы нам вывести такое меню, что бы позволяло держать в себе кучу элементов, но при этом не занимало бы половину экрана"

Шеридан, ну ё-моё, ты интернет ни разу не видел? Много сайтов, где есть ветвлённые меню и они не выпадают. Мне лично нравится сайд-панель, которую можно вручную убирать и показывать.
Re[8]: [CSS] LESS все таки рулит :)
От: Sheridan Россия  
Дата: 14.12.13 08:47
Оценка:
Здравствуйте, avpavlov, Вы писали:

A>Шеридан, ну ё-моё, ты интернет ни разу не видел? Много сайтов, где есть ветвлённые меню и они не выпадают. Мне лично нравится сайд-панель, которую можно вручную убирать и показывать.


Сайд панель интересно, возможно сделаю дополнением к выпадающим меню
Matrix has you...
Re[2]: [CSS] LESS все таки рулит :)
От: Аноним  
Дата: 14.12.13 12:45
Оценка:
Здравствуйте, jazzer, Вы писали:

J>Костыль. Лучше бы они css нормальным сделали.


С множественным наследованием.
Re[3]: [CSS] LESS все таки рулит :)
От: anonymous Россия http://denis.ibaev.name/
Дата: 15.12.13 10:50
Оценка:
Здравствуйте, Аноним, Вы писали:

J>>Костыль. Лучше бы они css нормальным сделали.

А>С множественным наследованием.

И виртуальными деструкторами.
Re[4]: [CSS] LESS все таки рулит :)
От: Аноним  
Дата: 15.12.13 12:45
Оценка:
Здравствуйте, anonymous, Вы писали:

J>>>Костыль. Лучше бы они css нормальным сделали.

А>>С множественным наследованием.

A>И виртуальными деструкторами.


Хорошо, ваш вариант? Дурацкие переменные, как в LESS? Вообще, конечно, наследование не поможет, если вы хотите один цвет засунуть в background-color и его же — в border для консистентности, но если посмотреть, как народ РЕАЛЬНО использует LESS (пример выше), наследование стилей будет самым наглядным решением.
Re[5]: [CSS] LESS все таки рулит :)
От: anonymous Россия http://denis.ibaev.name/
Дата: 15.12.13 21:14
Оценка:
Здравствуйте, Аноним, Вы писали:

J>>>>Костыль. Лучше бы они css нормальным сделали.

А>>>С множественным наследованием.
A>>И виртуальными деструкторами.
А>Хорошо, ваш вариант?

Это шутка была. А множественное наследование там и так есть: class="class-a class-b class-c"
Re[6]: [CSS] LESS все таки рулит :)
От: Аноним  
Дата: 16.12.13 05:58
Оценка:
Здравствуйте, anonymous, Вы писали:

A>А множественное наследование там и так есть: class="class-a class-b class-c"


Спрашивается, зачем тогда Шеридану @default_background_color в .gradiented_block и .radial_gradiented? Завел бы .default_background и добавлял отдельно к градиентам. Видимо, не совсем удобно ему, да и забыть добавить можно. А между тем, LESS в основном для этого и юзают, насколько лично я вижу. Для того, что можно сделать и на стилях без дублирования, но неудобно.
Re[7]: [CSS] LESS все таки рулит :)
От: Sheridan Россия  
Дата: 16.12.13 18:09
Оценка:
Здравствуйте, Аноним, Вы писали:

А>Здравствуйте, anonymous, Вы писали:


A>>А множественное наследование там и так есть: class="class-a class-b class-c"


А>Спрашивается, зачем тогда Шеридану @default_background_color в .gradiented_block и .radial_gradiented? Завел бы .default_background и добавлял отдельно к градиентам. Видимо, не совсем удобно ему, да и забыть добавить можно. А между тем, LESS в основном для этого и юзают, насколько лично я вижу. Для того, что можно сделать и на стилях без дублирования, но неудобно.


То я первые шаги показывал. Теперь у меня в ём деревья, реальный css. а деф-бг-колор это тогода что в голову первое пришло
Matrix has you...
 
Подождите ...
Wait...
Пока на собственное сообщение не было ответов, его можно удалить.