—»     —»   Инструменты, ресурсы и обсуждения по совместимости CSS3 с Internet Explorer
  Раздел: CSS/Style Sheets   Комментариев: 2  

Инструменты, ресурсы и обсуждения по совместимости CSS3 с Internet Explorer



CSS3 – это, наверное, лучшее, что появилось в мире веб-дизайна за последние несколько лет. С помощью всех этих превосходных функций (например, border-radius, box-shadow, border-image, transform), разработчики получили огромные возможности относительно создания веб-приложений, а также обновления уже существующих, к тому же, сообщество веб-дизайна воодушевилось и ожило. Да, нам действительно очень нравится эта технология!

Хотя и не все любят ее. Вы, наверное, уже догадались, что мы говорим о тех, кто до сих пор вынужден или предпочитает пользоваться Internet Explorer. Хотя, и они уже потихоньку начинают уделять внимание новой технологии, но очень медленно. Пока эти разработчики и пользователи полностью не будут готовы, мы не можем отказаться от IE и предложить нашим пользователям полноценные приложения, работающие на CSS3 в Safari, Chrome, Firefox и так далее. Наша сегодняшняя статья посвящена инструментам, с помощью которых возникает возможность подружить IE с CSS3 хотя бы чуть-чуть.

Инструменты и ресурсы для кросс-браузерной совместимости CSS3

01. Библиотека селекторов javascript: Sizzle

Инструменты, ресурсы и обсуждения по совместимости CSS3 с Internet Explorer

Sizzle представляет собой отдельный (независимый от библиотек) движок селекторов, реализованный посредством чистого кода javascript, разработанный специально для простоты использования в библиотеке хоста. Он виртуально поддерживает все селекторы CSS3, включая даже некоторые редкие селекторы (“.foo\\+bar”), селекторы юникода, а также результат, возвращенный в документном порядке.

Документация >

02. Transformie

Инструменты, ресурсы и обсуждения по совместимости CSS3 с Internet Explorer

Transformie представляет собой небольшой (5кб) плагин для jQuery, который вы можете встроить в любой веб-сайт и производить трансформации CSS, направляя координаты из родного фильтра АПИ IE в переходы на CSS, предложенных для браузеров семейства WebKit.

Документация >

03. CSS3 PIE: CSS3-декорации для IE

Инструменты, ресурсы и обсуждения по совместимости CSS3 с Internet Explorer

3 Pie – это набор CSS-функций, которые вы можете прикрепить к любому файлу CSS, учитывая определенные правила, за счет которых реализуется поддержка функций в Internet Explorer 6, 7 или 8. Поддерживаются: border-radius; box-shadow; border-image; множественные фоновые изображения; linear-gradient в качестве фонового изображения.

04. cssSandpaper – CSS3 библиотека javascript

Инструменты, ресурсы и обсуждения по совместимости CSS3 с Internet Explorer

cssSandpaper библиотека javascript выглядит как каскадные таблицы стилей в HTML-документе и, где это возможно, сглаживает разность в поддержке функций различными браузерами (transform, opacity, box-shadow). Данный скрипт полезен не только для разработчиков, которым нужна поддержка CSS3, он также может быть полезным в других браузерах, в которых применяются собственные специфические параметры.

05. Modernizr

Инструменты, ресурсы и обсуждения по совместимости CSS3 с Internet Explorer

Modernizr представляет собой маленькую и простую библиотеку javascript, которая помогает вам ощутить все преимущества современных веб-технологий (CSS3 и HTML5), и в то же время удерживать контроль над старыми браузерами, которые вероятно могут не поддерживать данные технологии. Modernizr использует детектор свойств для тестирования текущих браузеров на совместимость с новыми функциями типа: rgba(), border-radius, переходов CSS и многие другие. Данные функции уже работают в современных браузерах, и Modernizr помогает вам воспользоваться ими, а также на всякий случай подготовить откаты, если вдруг браузер пользователя не поддерживает их.

Документация >

06. YUI 2: Selector Utility – CSS3-селектор javascript

Инструменты, ресурсы и обсуждения по совместимости CSS3 с Internet Explorer

The YUI Selector Utility конвертирует синтаксис селекторов CSS3 в javascript, предоставляя вам компактные условные обозначения для сбора, фильтрации и тестирования HTMLElements. YUI также хорошо работает с мобильными браузерами, основанными на A-Grade. Например, телефоны Nokia N-серии, включая N95.

07. eCSStender

Инструменты, ресурсы и обсуждения по совместимости CSS3 с Internet Explorer

eCSStender позволяет разработчикам внедрять поддержку CSS в браузеры и экспериментировать с новыми функциями. Приложение также позволяет дизайнерам держать хаки, связанные со спецификой браузеров, за пределами файлов CSS.

Документация >

08. Платформа HTML5 и CSS3: 52Framework

Инструменты, ресурсы и обсуждения по совместимости CSS3 с Internet Explorer

52framework предоставляет легкий способ ознакомления с HTML5 и CSS, так как платформа поддерживает все современные браузеры (включая ie6).

Документация >

09. Генератор кросс-браузерных правил для CSS: CSS3 Please!

Инструменты, ресурсы и обсуждения по совместимости CSS3 с Internet Explorer

«CSS3, пожалуйста!» - это небольшой инструмент, который позволяет вам редактировать документы в реальном времени и создавать ваши собственные кросс-браузерные правила CSS3.

10. Селекторы псевдо-классов: IE CSS3

ie-css3.js позволяет IE6 определять селекторы псевдо-классов CSS3 и генерировать правила стилей. Просто включите скрипт в ваши страницы и пользуйтесь селекторами в ваших каскадных таблицах стилей.

11. jQuery-плагины IE CSS3 Text-Shadow & Box Shadow

Как известно, text-shadow не поддерживается в IE, тем не менее, есть возможность создать нечто эквивалентное данному эффекту, посредством фильтра размытия в CSS для IE.
Данные плагины jQuery позволяют вам добавлять данный эффект на кросс-браузерной основе.

jQuery-плагины IE CSS3 Text-Shadow >
jQuery-плагины IE CSS3 Box-Shadow >

12. css3-mediaqueries-js

css3-mediaqueries.js позволяет вам заставить работать CSS3 Media Queries во всех браузерах. Эта библиотека javascript позволяет вам работать с IE5+, Firefox 1+ и Safari 2.

13. CSS поддержка в Internet Explorer 6, 7 и 8 (.htc)

IE-CSS3 – это .htc (HTML component file ) скрипт, который добавляет поддержку новых стилей стандарта CSS3 в Internet Explorer. Скрипт преобразует некоторые элементы в Vector Markup Language (VML) – характерный язык векторной прорисовки в IE. VML поддерживает некоторые вещи, которые отсутствуют в поддержке CSS у IE. Например, закругленные углы и эффект размытия.

14. curved-corner.htc (HTML-элементы с закругленными углами посредством CSS3)

Этот .htc-файл для IE, с помощью которого можно заставить параметр «border-radius» работать во всех браузерах.

15. Google Chrome Frame для IE (.htc)

Google Chrome Frame представляет собой плагин с открытым кодом, который интегрирует веб-технологии и ускоренный движок javascript из Google Chrome в IE.
Плагин позволит вам использовать открытые веб-технологии (HTML5 и CSS3), несмотря даже на то, что в IE 6, 7 и 8 пока еще нет данной поддержки.

Ресурсы на тему кросс-браузерной совместимости CSS3

16. When can I use…

Инструменты, ресурсы и обсуждения по совместимости CSS3 с Internet Explorer

When can I use… - это таблица совместимости HTML5, CSS3, SVG и другие новых технологий.

17. Compatibility Master Table

Инструменты, ресурсы и обсуждения по совместимости CSS3 с Internet Explorer

18. FindMeByIP – CSS3 параметры

Инструменты, ресурсы и обсуждения по совместимости CSS3 с Internet Explorer

19. CSS совместимость с IE

Если ваш сайт нацелен на аудиторию, в которой есть пользователи браузера Internet Explorer, то вам, вероятно, будет полезно взглянуть на таблицу совместимости CSS с различными версиями браузера. Данная статья предлагает вам информацию о совместимости технологии с браузерами, включая даже версию IE8.

20. Тест-драйв Internet Explorer 9

Инструменты, ресурсы и обсуждения по совместимости CSS3 с Internet Explorer

Заинтересованы в тесте возможностей новой платформы для Internet Explorer 9? Вы можете предварительно ознакомиться с работой браузера, особенно интересно посмотреть на тестирования скорости работы и обработки HTML5 и CSS3.
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: CSS, Internet Explorer
Опубликовал Mysterious Master   Прочитано (раз): 9510   |   Оставлено комментариев: 2
Автор перевода — CoolWebmasters.Com ©   |   Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Комментарий #1: 18 марта 2011 @ 15:32
Написал: Дмитрий — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
С выходом IE9 всё решилось. Я стал на колени и сказал:"Спасибо, Господи, теперь мой сайт ********** выглядит одинаково на всех браузерах."
Комментарий #2: 18 марта 2011 @ 15:44
Написал: Mysterious Master — группа: Администраторы  
На сайте с: 11.07.2009   |   Публикаций: 1492   |   Комментариев: 177
ICQ: --- не указано ---
Дмитрий, фотографию вас, стоящего на коленях, в студию! Тогда будете ссылками спамить ...
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Назовите месяц February по-русски
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Популярные публикации

















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Май 2019    »
ПнВтСрЧтПтСбВс
 12345
6789101112
13141516171819
20212223242526
2728293031