Max Home IndustryКак вы создаете «стандартные» приложения HTML5 для очень специфической платформы, такой как Firefox OS? Вам нужно руководство и множество стандартных компонентов пользовательского интерфейса. Ответ — Firefox Building Bocks и новый веб-сайт Building Firefox OS.
Строительные блоки Firefox OS не новы, но до сих пор они были хорошо спрятаны. Создан новый веб-сайт, чтобы вы могли узнать о них и получить примеры HTML, таблицы стилей и шрифты, не загружая полную ОС с GitHub.
Стандартные блоки — это эквивалент компонентов пользовательского интерфейса системы в Firefox OS, таких как меню, заголовки и панели навигации. В других операционных системах компоненты пользовательского интерфейса занимали бы одно из первых мест в списке вещей, необходимых программистам для создания приложений. Однако в Firefox OS работает HTML5, и это означает, что если это законный HTML5, то он будет работать как пользовательский интерфейс в Firefox OS, поэтому вам действительно не нужны системные компоненты пользовательского интерфейса. Это все очень хорошо, но у Firefox OS действительно есть внешний вид, который вам нужно скопировать, если вы хотите, чтобы ваше приложение вписывалось в него — так много для HTML5, независимого от платформы.
С другой стороны, я полагаю, вы могли бы просто использовать Firefox OS для поиска общих веб-приложений или приложений для Chrome.
Большая проблема заключалась в том, что документация для строительных блоков была ужасной. Теперь, с его новым веб-сайтом Building Firefox OS, ситуация несколько лучше. Удивительно, что Firefox OS поставляется на реальных телефонах, но компоненты пользовательского интерфейса все еще разрабатываются, и многие из них находятся в «нестабильном» состоянии.
Хорошая новость заключается в том, что теперь вы можете найти HTML и CSS для всех стандартных компонентов пользовательского интерфейса — в старой документации многие из них были «страница не найдена» или просто незакончена. Вы получите пример каждого элемента управления, образец HTML и ссылку на соответствующую таблицу стилей.
Другая область веб-сайта позволяет загружать HTML, CSS, значки и шрифты, необходимые для создания компонентов пользовательского интерфейса. Как уже упоминалось, это небольшое улучшение по сравнению с загрузкой их с GitHub. Однако снова немного шокирует то, что системный шрифт реализован только как обычно — жирный и средний шрифт отображается как обычно, потому что работа над ним еще не завершена. Это не похоже на то, что Firefox OS была производственной ОС или чем-то еще … подождите, это так.
Третий элемент нового сайта — это набор переходов CSS, которые должны использоваться для «анимации» новых элементов пользовательского интерфейса в представлении пользователя. Стандартный метод для приложения Firefox OS — загрузить большую веб-страницу и просто показать ее часть пользователю. Когда пользователю нужно увидеть другую «страницу», CSS-перевод используется для анимации части большой HTML-страницы для просмотра. Это заставляет приложение казаться более отзывчивым, потому что после загрузки оно находится в памяти и готово к работе.
Ни в одном из HTML5 и CSS нет JavaScript, чтобы сделать их активными. В большинстве случаев очевидно, что вам нужно делать, но для более сложных компонентов это не так. Это то, что новый веб-сайт надеется добавить в ближайшем будущем.
Наконец, если вам нравятся шаблоны дизайна как способ создания плана пользовательского интерфейса, на сайте вы найдете несколько шаблонов в формате Photoshop.
Сборка Firefox OS — долгожданное дополнение к инструментам, доступным для создания приложений — даже приложений, отличных от Firefox OS, — но почему это заняло так много времени? Неужели Mozilla действительно думает, что получит поток приложений, когда так сложно выяснить, как настроить приложения HTML5, чтобы они выглядели правильно и использовали системные возможности?
Текущий сайт «Создание Firefox OS», похоже, был делом рук нескольких энтузиастов из Mozilla, и если вы чувствуете желание помочь, есть над чем поработать.
Было бы очень обидно, если бы Firefox OS потерпела неудачу из-за чего-то столь простого, как непонимание.