Html5Boilerplate или Html5Boilerplate Mobile для мобильного первого веб-сайта? - PullRequest
12 голосов
/ 24 августа 2011

Теперь, когда Html5Boilerplate достиг версии 2.0 и ориентирован на дизайн, ориентированный на мобильные устройства, следует ли использовать Html5Boilerplate Mobile для сайтов, ориентированных на мобильные устройства?Просто хотел спросить б / ф, я копаю код каждого.

Похоже, одно из очевидных отличий состоит в том, что Html5Boilerplate переключился с CSS-сброса на нормализацию и добавил аспекты, ориентированные на мобильные устройства, такие как response.js и разделы мобильных медиа-запросов.Стандартный шаблон также более активен на Github.У кого-нибудь есть мнение по поводу этих двух?

Ответы [ 3 ]

23 голосов
/ 24 августа 2011

Кража этого ответа в основном из нашей ветки рассылки по теме ...

HTML5Boilerplate - это то, что вам следует использовать, если вы только начинаете на сайтах. Он оптимизирован для работы и адаптации в мобильных браузерах.

Мобильный HTML5 Boilerplate оптимизирован для веб-приложений, которые явно написано, чтобы иметь другой UX, в то время как на устройствах, отличных от рабочего стола.

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

Когда я говорю «веб-приложения», я имею в виду веб-сайты, которые интенсивно используются для выполнять определенные задачи (например, twitter.com / gmail.com / facebook.com / интерфейс администратора wordpress.com). Эти сайты обязаны принимать Преимущество доступного пространства и помогает пользователям выполнять свои задачи с минимальными усилиями, независимо от того, какое устройство.

С другой стороны, у нас есть сайты, которые пользователи время от времени посещают потому что они нашли его на электронной почте какого-то друга или на Reddit, который имеет контент, но пользователи редко взаимодействуют с ним (кроме просто посещения его) или, самое большее, оставив комментарий), в этом случае шаблон HTML5 будет быть хорошим шаблоном для использования. Это было бы хорошим вариантом для большинства сайтов которые богаты содержанием и требуют минимального взаимодействия с пользователем.

К сожалению, для нас мобильные платформы также создают бункеры указание пользовательских метатегов для оптимизации под свою платформу. Например. Apple рекомендует использовать метатег apple-touch-icon для указания вещи, специфичные для мобильных браузеров. У Nokia есть своя. Мы сделали не хочу, чтобы html5boilerplate добавлял такие значения к значениям по умолчанию, но это было бы необходимо для кого-то, пишущего приложение, предназначенное для принятия Преимущество не настольных устройств. Там уже много согласованность, но мы хотели бы, чтобы была более стандартизация мобильных оптимизаций.

Мы планируем обновить мобильную версию с более новыми файлами также, но нет существенного недостатка в использовании его сегодня. У нас пока нет места встречи, на котором мы могли бы иметь только один проект, но мы надеемся, что в будущем он будет слиться в одну:)

1 голос
/ 13 августа 2016

Нет, Html5Boilerplate Mobile не должен использоваться для новых проектов;* устареланедавний коммит):

Команда H5BP решила больше не поддерживать Mobile Boilerplate, так как HTML5 Boilerplate, кажется, является хорошей отправной точкой для любого проекта.

0 голосов
/ 19 октября 2011

Это зависит от подхода. Используйте HTML5 BP, если у вас будет одинаковая наценка для вашего мобильного и настольного веб-сайта. но если вы делаете отдельный веб-сайт для мобильных устройств, тогда выберите Mobile Boiler Plate

...