Правильно скиннинг jQuery Mobile

Question

Недавно получил работу в качестве разработчика интерфейса в большом банке. Я отвечаю за пользовательский интерфейс. Мы используем jQuery Mobile.

Мне нужна страница, на которой есть все ресурсы jQuery mobile, поэтому, когда я снимаюсь с экрана, все, что мне нужно сделать, это посмотреть на одну страницу.

Кто-нибудь знает, где его найти?

1. Каков надлежащий процесс при утилизации jQuery Mobile? Он никогда не чувствует себя хорошо, и он чувствует себя очень взломанным. То, что я делаю, это создать новую таблицу стилей, просмотреть все, что я хочу изменить в Chrome/inspector, а затем переопределить эти классы в этой новой таблице стилей. Многие вещи, как правило, ломаются, и я должен использовать множество специальных классов, чтобы их исправить.

Каков твой процесс?

Answer 1

Я еще не нашел такого исчерпывающего руководства по дизайну jQuery Mobile Theme. Но после создания 3 приложений, основанных на jQuery Mobile, вот мой процесс создания тем.

1. Используйте Theme Roller, чтобы создать тему, которая соответствует ближайшей к той, которую вы хотите создать. Вы должны иметь возможность сопоставить базовую цветовую схему с этим.
2. Создайте собственный CSS, чтобы переопределить элементы из Theme Roller css.
3. Используйте firebug, чтобы сузиться до класса, который вам нужно изменить, чтобы получить то, что вы хотите, и поместить его в пользовательскую таблицу стилей.

Да, я согласен, что это долгий и утомительный процесс. Трюк - применять стиль на правильных классах, тогда это работает, не нарушая ничего другого.