GWT макеты панелей против CSS макета

Question

Я прочитал статью под названием " Tags First GWT ", в которой автор предлагает использовать GWT для обработки событий и CSS для макета. Я просто не знаю, перевешивает ли преимущество кросс-браузерной совместимости GWT гибкость, предлагаемую простым макетом CSS.

GWT

В GWT 2.0 есть несколько привлекательных панелей макетов, но для их правильного изменения размера вам действительно нужно построить все дерево защитных панелей от корневой панели вниз. Кажется, это все или ничего.

CSS

Вы также можете использовать CSS для верстки приложения, и я склонен сделать это, хотя бы для того, чтобы оправдать покупку нескольких книг, рекламирующих Евангелие «семантической разметки». Недостатком может быть кросс-браузерная несовместимость, распространенность которой я еще не определил.

Куда идти?

Каково ваше мнение? Являются ли кросс-браузерные проблемы достаточно серьезными и достаточно распространенными, чтобы оправдать отказ от моих книг по CSS и сборку с панелями макета GWT?

Answer 1

Я согласен с рекомендацией автора - используйте GWT для клиентской логики, но по-прежнему используйте HTML и CSS для представления.

Новые шаблоны связующего и декларативного пользовательского интерфейса на самом деле побуждают вас писать HTML и CSS. Это облегчает дизайнерам и делает ваш код понятным. Возможно, вы захотите прочитать GWT HTML-макеты для SO - в нем объясняется, как смешивать виджеты и plain-html / css, чтобы получить преимущества обоих миров.

UI Binder упрощает использование CSS с помощью <ui:style>. С <ui:style> вы можете генерировать CSS, специфичный для этого файла. GWT автоматически запутает и оптимизирует ваш CSS. Кроме того, если вы неправильно введете имя класса css, это даст вам ошибку во время компиляции (что очень здорово) вместо того, чтобы вы узнали об этом при развертывании страницы.

В <ui:style> вы можете поместить любой допустимый CSS. У UIBinder также есть способы включить глобальную таблицу стилей. Кроме того, фоновые изображения в CSS могут автоматически объединяться в спрайты / данные: производительность для повышения производительности.

Чтобы узнать больше, я бы рекомендовал прочитать Руководство по связыванию пользовательского интерфейса , а затем следовать примеру приложения Контакты. Отличный способ начать.

Кроме того, я бы рекомендовал использовать шаблон MVP для разработки вашего приложения GWT. Об этом есть несколько хороших статей, и пример приложения GWT Contacts - отличный способ изучить его.

Answer 2

Кросс-браузерные проблемы достаточно достаточно плохо, чтобы искать облегчения в какой-то среде, особенно если вы не являетесь дизайнером / разработчиком внешнего интерфейса. Но я бы пока не отказался от книг по CSS. Это поможет вам понять, что происходит под покровом, когда абстракция фреймворка начинает протекать, и что вы можете с этим поделать.

Само Google говорит: «Вы не ограничены предварительно настроенными виджетами. Все, что вы можете сделать с помощью DOM и JavaScript браузера, можно сделать в GWT, включая взаимодействие с рукописным JavaScript». Предположительно это включает в себя стилизацию, если вы знаете, как это сделать (как вы будете, если вы прочитали и поняли все эти книги по CSS).