Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «modernizr»
Основы библиотеки modernizr, примеры использования 2013-07-09 18:08:51
... ="modernizr3" /> Modernizr это feature-detection ... все преимущества Modernizr, этой богатофункциональной ...
+ развернуть текст сохранённая копия
Modernizr это feature-detection библиотека, определяющая наличие поддержки разных возможностей HTML5\CSS3. Узнайте на примерах, как использовать все преимущества Modernizr, этой богатофункциональной JavaScript библиотеки и начните использовать ее уже в следующем Вашем проекте! История Modernizr началась еще в 2010, и с тех пор она помогает веб-разработчикам и веб-дизайнерам пользоваться преимуществами HTML5 и CSS3 несмотря на то, что [...] Основы библиотеки modernizr, примеры использования
Тэги: css, css3, html, html5, modernizr, php, разработка
Примеры использования HTML5: часть 2 2013-02-11 20:56:54
+ развернуть текст сохранённая копия
12. Атрибут Autofocus HTML5 опять спасает от поиска JS реализации. Если нужно чтобы фокус по умолчанию устанавливался на определенный input, то ему достаточно задать атрибут autofocus. <input type="text" name="someInput" placeholder="Douglas Quaid" required autofocus> Здесь так же возможны оба стиля написания, но я предпочитаю XHTML и пишу "autofocus=autofocus". Хотя можно было написать только имя атрибута. 13. [...] Примеры использования HTML5: часть 2
Тэги: css, css3, html, html5, modernizr, php, разработка
Определение поддержки background-position-XY 2012-10-26 06:45:40
Недавно встала задача определить поддержку background-position-x(y) в браузере.
Для чего? Для ...
+ развернуть текст сохранённая копия
Недавно встала задача определить поддержку background-position-x(y) в браузере.
Для чего? Для того, чтобы применить css transition там,
где браузер не поддерживает анимацию background по определенной оси.
Вот сниппет для jQuery:
(function($){
// Проверяем поддержку background-position-x
var bgx = (function(el){
return typeof el.css('backgroundPositionX') !== 'undefined';
}(/* Ваш элемент */));
}(jQuery));
Читать дальше →
Тэги: background-position, css3, detection, feature, jquery, modernizr, scss, веб-разработка
Modernizr: практическое применение 2012-05-23 04:12:33
... png" align="right"/> Modernizr — это JavaScript ... браузеров. Создатели Modernizr называют такую проверку ...
+ развернуть текст сохранённая копия
Modernizr — это JavaScript-библиотека, которая узнаёт, что из HTML5 и CSS3 умеет браузер пользователя. Определяя возможности браузера, разработчик может сделать откат некоторых функций для старых версий браузеров. Создатели Modernizr называют такую проверку feature detection, и это гораздо эффективнее, чем просто определить браузер, его версию и ОС.
Я был премного удивлён факту отсутствия развёрнутой статьи об этой JS-библиотеке (анонс не в счёт). Статья составлена из перевода официальной документации проекта, переводов нескольких статей и собственных дополнений.
Первый шаг
Для начала нужно получить свежую версию библиотеки с её официального сайта: Modernizr Download Builder.
Укажи галочками те технологии, тесты которых собираешься проводить, затем создай свою персональную версию библиотеки кнопкой «Generate». Если проставить все галочки, получившегося кода хватит на пару экранов небольшого ноутбука – всего 15 КБ.
Затем просто подключи его к своей странице и проверь, как оно. Если всё работает, у элемента HTML должны появиться многочисленные классы: Читать дальше →
Тэги: javascript, library, modernizr, веб-разработка
Веб-разработка / Прикручиваем определение поддержки формата APNG к Modernizr 2011-08-10 18:51:04
... замечательная штука как Modernizr — инструмент перехода к ... привожу код APNG Modernizr Test
+ развернуть текст сохранённая копия
Пост написан и подготовлен моим коллегой SeVit`ом. К сожалению, у него не хватает кармы для публикации, но мы своих не бросаем.
Несмотря на то, что все говорят о возможностях HTML5, такой элементарный элемент дизайна сайта как прелоадер с прозрачностью до сих пор приходится делать с использование Animated GIF. Использование 8-битного анимированного GIF не даёт возможности реализовывать полупрозрачные переходы. В качестве современной альтернативы анимированному GIF можно было бы предположить два конкурирующих формата — MNG и APNG, но MNG не имеет и скорее всего уже никогда не получит нативной поддержки со стороны браузеров, а формат APNG мы уже можем использовать в Firefox и Opera ещё со второй половины 2008 года. К сожалению, Chrome, Safari и Internet Explorer, остались в стороне, для них по прежнему придется использовать угловатые картинки в старом формате GIF. Тем не менее, сегодня у нас есть такая замечательная штука как Modernizr — инструмент перехода к практике определения возможностей браузера, вместо использования порочной практики определения наименования и версии браузера.
Далее я привожу код APNG Modernizr Test
Тэги: apng, css, gif, mng, modernizr
Главная / Главные темы / Тэг «modernizr»
|
Взлеты Топ 5
Падения Топ 5
|