Матвей Земсков

Заметки веб-мастера

Суббота, 28 сентября 2013 16:58

Кратко о полизаполнении (Polyfill)

Оцените материал
(1 Голосовать)

Полизаполнения (polyfills) – это решения на javaScript, имитирующие работу новых функций HTML5 в устаревших браузерах. В основном предназначаются для Internet Explorer старше 9-ой версий. Самым простым примером полизаполнения, который первым приходит в голову, является скрипт HTML5Shiv. Он обеспечивает возможность стилизации новых семантических HTML5 элементов ( <header>, <footer>, <article> и других) в устаревших версиях IE.

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

На самом деле выбор полизаполнений очень широк и разнообразен. Чтобы не быть голословным приведу несколько примеров.

  • Библиотека Webshims Lib – позволяет загружать полизаполнения, касающиеся форм. После ее подключения при просмотре веб-страниц в IE9 и ниже, в этих браузерах начинают работать новые элементы форм HTML5 таких типов как date, range, color и другие. Webshims Lib работает совместно с javaScript-библиотекой Modernizr.
  • Скрипт Respond.js – предоставляет возможность использования медиа-запросов, рассчитанных на CSS-правила min-width/max-width в браузерах IE6-IE8. Стоит только подключить Respond.js к веб-странице и он сразу начинает работать. В этом можно убедиться, если начать уменьшать размер окна браузера.
  • Flexie – обеспечивает кросс-браузерную поддержку Flexible Box Module (модель гибкого окна). Эта модель позволяет верстать страницы со сложной компоновкой блоков проще и удобней, чем с использованием плавающих элементов.

Подключение скриптов полизаполнений, предназначенных для IE, может осуществляться двумя способами:

  • Используя условные комментарии (Conditional comments);
  • С помощью библиотеки Modernizr;

На сайте GitHub можно найти много различных полизаполнений, наделяющие устаревшие браузеры HTML5-функциональностью, которые будут полезны для разработчиков.

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

Прочитано 7828 раз

Добавить комментарий


Защитный код
Обновить

Мои услуги

Предлагаю следующие услуги:

  • Верстка шаблона сайта из дизайн-макета для CMS «1С-Битрикс Управление сайтом» и CMS “Joomla”
  • Создание форм различной сложности (обратная связь, анкеты и тп) для указанных CMS
  • Настройка и кастомизация компонентов и модулей для указанных CMS
  • Доработка модулей и компонентов для указанных CMS, добавление нестандартного функционала
  • Разработка лендингов (landing-pages)

По все вопросам обращайтесь через форму обратной связи

Скачать

Предлагаю вашему вниманию: