Статьи

Web Dev PSA: обновлены ваши любимые инструменты

Прошлая неделя была немного бурной, и многие из наших любимых инструментов получали обновления и изменения.

Обычно я сохраняю объявление для нашей ежемесячной статьи «Недавно в веб-разработке», но, учитывая, как часто и как часто мы используем приведенные ниже инструменты, будет справедливо, что вы будете проинформированы как можно быстрее.


Первым в нашем списке стоит почтенный шаблон HTML5, или h5bp для его удобных поклонников. Вы спросите, что же это за «шаблонная штука»?

HTML5 Boilerplate является базовым шаблоном HTML / CSS / JS для профессионалов для быстрого, надежного и безопасного для будущего сайта.

Если вы все еще потерялись, я предлагаю взглянуть на это превосходное руководство Пола Айриша.

Если вы похожи на меня и вам нужно посмотреть, что именно изменилось, вы можете посмотреть полный список изменений здесь .

Что ж, большая новость заключается в том, что h5bp был обновлен до третьей версии. Вот некоторые из основных моментов в этой версии:

  • Скрипт сборки теперь экспортирован в собственный проект.
  • h5bp был поставлен на диету. Эта версия заметно меньше по размеру
  • Система сборки была разветвлена ​​в отдельный проект.
  • Причудливый дизайн 404 страницы был улучшен

Спустя восемь месяцев после версии 2.0 выйдет 2.5 Modernizr — чрезвычайно удобная библиотека JavaScript.

Это распространенное заблуждение, что Modernizr чудесным образом обновляет все браузеры, чтобы обеспечить поддержку HTML5 и CSS3. К сожалению, это не так. Однако вместо этого он обнаруживает поддержку, которая дает нам большую силу!

Версия 2.5 поставляется с огромным набором изменений, которые вы можете просмотреть здесь , но вот важные.

  • Добавлено более 60 дополнительных функций.
  • html5shiv и yepnope добавлены в ядро.
  • Respond.js удален из ядра
  • Polyfill для Function.prototype.bind запекается по умолчанию.

Работа Ralph Holzmann и Alex Sexton из yayQuery, утилиты yepnope, которая помогает вам грамотно загружать код JavaScript и CSS, только что была обновлена ​​до версии 1.5.2.

yepnope — это суперскоростной асинхронный загрузчик условных ресурсов, который позволяет загружать только те сценарии, которые нужны вашим пользователям.

Этот изящный загрузчик ресурсов, размер которого составляет всего 1,7 КБ и сжатый, поставляется в комплекте с Modernizer и отлично подходит для загрузки полизаполнений, предварительной загрузки или «заполнения» кэша пользователя или в качестве простого асинхронного загрузчика / фильтра ресурсов! Вы можете прочитать больше здесь .


Ваши изящные новые элементы HTML5, во всей их красе, непроницаемы для правил CSS в IE. Вот тут-то и приходит на помощь html5shim. Просто включите его в раздел <head> вашей страницы, и вы сможете отлично оформить новые элементы HTML5.

Новые версии html5shiv поставляются с некоторыми радикальными улучшениями производительности, причем некоторые тесты выполняются в 10 [!] Раз быстрее.

html5shiv встроен в Модернизр.


В качестве мобильной альтернативы h5bp, мобильный шаблон поставляется как интеллектуальный набор настроек по умолчанию для мобильных сайтов и веб-приложений. Третья версия приводит его в соответствие с последними версиями Modernizr и внимательно следит за изменениями, внесенными в его аналог HTML5.


‘достаточно! Сотрудники Nettuts + используют почти все из них ежедневно, и мы считаем, что они также стоят вашего времени.