Исправление CSS позиционирования и масштабирования

Question

Я собирался написать инструментарий пользовательского интерфейса, в котором установка положения и размера элемента / виджета была интуитивно понятной и мощной. Вот несколько примеров того, как это будет использоваться (в настоящее время не реализовано):

ui("Panel").size(". 40").pos("0 0").attach(element);
ui("Textarea").size(". %-10").pos("0 40").attach(element);
ui("Panel").size(". 10").pos("0 bottom+5");

Где . означает auto, % означает 100% и возможность добавлять пиксели к процентам.

Существует ли что-либо подобное сказанному (даже как плагин jQuery или что-то в этом роде)? Что-то просто невозможно с чистым CSS.

Answer 1

Если вы хотите создать его в Javascript, вам нужно будет заставить скрипт читать код пользовательского интерфейса, а затем преобразовать в css.Это вызвало бы слишком много накладных расходов и не стоило бы хлопот.Было бы неплохо иметь более быстрый и интуитивно понятный способ создания стилей, но, к сожалению, без повышения эффективности он не будет работать слишком хорошо.

Answer 2

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

Мне еще предстоит увидеть, что CSS не может сделать, так что вы можете посмотреть, что он может делать дальше, прежде чем идти дальше, посмотрите на различные примеры из http://www.csszengarden.com/. Я не говорю, что CSS это просто, но это стандарт.

Если вам нужно больше возможностей, посмотрите на CSS3, большинство из которых может быть достигнуто с помощью jQuery.

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