Html5Boilerplate или Html5Boilerplate Mobile для мобильного веб-сайта?

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

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


person Kurtosis    schedule 24.08.2011    source источник


Ответы (3)


Нет, Html5Boilerplate Mobile не следует использовать для новых проектов; это устарело.

Уведомление об устаревании было добавлено в июле 2015 г. в репозиторий GitHub (на момент ответа — август 2016 г. — это была самая последняя фиксация):

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

person Peter W    schedule 13.08.2016

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

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

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

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

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

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

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

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

person Paul Irish    schedule 24.08.2011
comment
Мне интересно, могу ли я использовать обратный подход и использовать BPMobile как для настольного, так и для мобильного Интернета. Сейчас я работаю над проектом, в котором используется множество анимаций jQuery, таких как paralax и JSclouds, которые работают очень медленно и тормозят на мобильных устройствах. Я хочу одинаковый UX для обеих сред. Я использую mediaQueries для использования меньших изображений/элементов для небольших экранов, но, похоже, это не оптимизирует мобильную производительность, как я думал. Как я могу сделать так, чтобы эти конкретные эффекты плавно работали на мобильных устройствах? - person Jim22150; 31.12.2012

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

person Jitendra Vyas    schedule 19.10.2011