Инструмент/плагин для верстки веб-страницы с минимальными усилиями на необработанном CSS.

Перво-наперво. Я изо всех сил пытался работать с необработанным CSS для создания сложных макетов страниц. Ситуация усложняется тем, что поставщики браузеров смотрят в разные стороны. Ну, теперь это нельзя изменить.

Итак, после долгих усилий я начал искать:

  1. WYSIWYG-редактор, который будет обрабатывать содержимое и позволит мне определить желаемый макет и волшебным образом сгенерировать CSS, который будет работать с большинством последних браузеров, а также примет во внимание плавные и изменчивые атрибуты макета.
  2. Плагин jQuery, который позаботится о сложности размещения контента, просто принимая входные данные для желаемого макета.

По первому заданию ничего не нашел. Я хотел бы знать, есть ли такой WYSIWYG-редактор. Существует множество редакторов CSS, но они не абстрагируют необработанный CSS. Нужно досконально знать CSS, и это ИМХО превосходит потребность в таком редакторе. Блокнот или обычная IDE достаточно хороши.

Что касается второго пункта, я наткнулся на эту тему в stackoverflow. Теперь это поставило меня перед проблемой изобилия (кстати, неплохо). В этом посте есть ссылки на несколько плагинов jQuery, которые делают свое дело. Некоторые из них:

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

Честно говоря, я бы хотел переложить большую часть работы с CSS на инструмент.


person Kabeer    schedule 24.01.2010    source источник


Ответы (1)


Большинство макетов не должны быть такими сложными для работы - вероятно, стоит проверить, понимаете ли вы различные способы позиционирования: плавающее, относительное и абсолютное, и что вы знаете, как очищать плавающие элементы.

Вы можете попробовать посмотреть на чертеже или 960.gs способы без особых хлопот получить сложные макеты на основе сетки.

person Rich Bradshaw    schedule 24.01.2010
comment
Богатый. Ты прав. Я вижу ценность в том, чтобы «знать и делать» это самостоятельно. На данный момент для меня это среднесрочная цель, и я хотел бы придерживаться чего-то, что поможет мне просто выполнить ее. Но поскольку я хочу избежать некачественных результатов и негибкости в будущем, мне нужно использовать лучший доступный вариант. Отсюда и этот пост. Тем временем я провел базовое сравнение jQuery UI.Layout Plug-in и jLayout jQuery Plug-in, похоже, они работают хорошо. Однако размер jLayout (2,8 КБ) по сравнению с UI.Layout (88 КБ) делает его предпочтительным кандидатом. Но мои поиски продолжаются... - person Kabeer; 24.01.2010
comment
Помните, что вы можете сжать их перед отправкой, так что в итоге они будут меньше этого размера. - person Rich Bradshaw; 25.01.2010