3DM-студия
» » » Conditionizr для jQuery – подгрузчик условий для скриптов и стилей

Conditionizr для jQuery – подгрузчик условий для скриптов и стилей

Conditionizr для jQuery – подгрузчик условий для скриптов и стилей


Условные комментарии. Кто из веб-разработчиков хотя бы раз в жизни не столкнулся с необходимостью использовать условные комментарии для IE? IE так и не смог обойти эти недостатки, но и в других браузерах иногда можно извлечь преимущество, если использовать их особые способности. Как было бы классно, если бы мы могли предоставлять наиболее оптимальный контент каждому пользователю, независимо от используемого им устройства или браузера. jQuery-плагин Conditionizr предлагает нам решение для большинства современных веб-разработок.

Conditionizr – отличное дополнение к Modernizr

Перво-наперво, Conditionizr не предназначен для замещения Modernizr, к тому же, он на это и не способен. Вместо этого, он разрабатывался в качестве отличного дополнения, поэтому оба эти решения будут отлично взаимодействовать между собой. Conditionizr основан на том же классовом подходе, что и Modernizr, поэтому интеграция будет легкой и беспроблемной.

Посредством использования функции определения на базе javascript, Conditionizr способен не только определять, какие браузеры используются клиентом, но и также то, какую ОС они используют, и имеет ли используемое ими устройство поддержку Retina-дисплеев. При помощи полученных данных о способностях устройства, Conditionizr добавляет соответствующие классы в HTML-элементы, а затем обрабатывает необходимые CSS и javascript-коды.

Вместо того, чтобы добавлять условие в разметку, Conditionizr работает полностью отдаленно от нее. Все, что от вас требуется, это вызвать скрипт сразу после jQuery и Modernizr (если вы хотите извлечь преимущество из его использования), а затем добавить конфигурационную часть в головную часть вашего документа. Все поддерживаемые браузеры позволяют выставлять настройки относительно того, насколько сильным будет влияние Conditionizr. Вы можете активировать или деактивировать использование определенных классов, стилей и скриптов, и все это настраивается по-отдельности. Таким же образом вы можете определять, должен ли Conditionizr заботиться об ОС или должен ли определять экраны Retina.

Стандартный конфигурационный скрипт должен выглядеть следующим образом:
<script>
$(function() {
$('head').conditionizr({
debug : false,
scriptSrc : 'js/conditionizr/',
styleSrc : 'css/conditionizr/',
ieLessThan : { active: false, version: '9', scripts: false, styles: false, classes: true, customScript: 'none'},
chrome : { scripts: false, styles: false, classes: true, customScript: 'none' },
safari : { scripts: false, styles: false, classes: true, customScript: 'none' },
opera : { scripts: false, styles: false, classes: true, customScript: 'none' },
firefox : { scripts: false, styles: false, classes: true, customScript: 'none' },
ie10 : { scripts: false, styles: false, classes: true, customScript: 'none' },
ie9 : { scripts: false, styles: false, classes: true, customScript: 'none' },
ie8 : { scripts: false, styles: false, classes: true, customScript: 'none' },
ie7 : { scripts: false, styles: false, classes: true, customScript: 'none' },
ie6 : { scripts: false, styles: false, classes: true, customScript: 'none' },
retina : { scripts: false, styles: false, classes: true, customScript: 'none' },
mac : true,
win : true,
x11 : true,
linux : true
});
});
</script>

Как вы, вероятно, уже заметили, Conditionizr также позволяет вам использовать собственные скрипты, что позволяет вам условно определять браузеры или устройства в зависимости от конкретных требований проекта или ваших личных предпочтений. Таким образом, вы не ограничены функционалом, который «придумали» разработчики Todd Motto и Mark Goodyear.

Conditionizr доступен в Github абсолютно бесплатно. Так как проект распространяется по лицензионному соглашение MIT, его можно использовать как в личных, так и в коммерческих проектах.

Ссылки:
* Сайт проекта
* Документация
* Репозиторий Conditionizr


Скачивание доступно только для зарегистрированных
НАШИ НОВОСТИ
Опубликовано 04 апрель 2014
Представляю вашему вниманию шаблон онлайн кинотеатра с глубокой настройкой под свои нужны OST-ARENA.RU Читать далее...
Опубликовано 18 март 2014
Представляю вашему вниманию, адаптивный новостной шаблон Reades News. Адаптивный дизайн подразумевает, что шаблон будет одинаково корректно отображаться во всех устройствах. Шаблон отлично подойдет для медийных новостей и не только. Обязательно посмотрите видеозапись работы Читать далее...
Опубликовано 16 март 2014
Дизайн Zerotheme, адаптирован для DLE 10.1 by Yurets. Шаблон zBoomMusic позиционируется как шаблон для музыкального портала или музыкального блога. Вверху шаблона расположен слайдер, под слайдером Топ новостей, далее последние добавленные новости. Читать далее...