Есть ли хорошие отступления для HTML5 и CSS3? - PullRequest
Новая
       9

Есть ли хорошие отступления для HTML5 и CSS3?

15 голосов
/ 21 апреля 2010

Я ищу хороший запасной вариант и для HTML5, и для CSS3, чтобы я мог его использовать, и он все равно выглядел бы нормально в других браузерах.

Ответы [ 2 ]

10 голосов
/ 21 апреля 2010

Говоря о HTML5 или CSS3, вам следует обратиться к:

Когда я могу использовать ...

Как видно, мы все еще далеки от этого.

Кроме того, поскольку старые версии браузеров не поддерживают HTML5 или CSS3, вы можете сделать то, что называется:

Прогрессивное улучшение и постепенная деградация

Вот также некоторые ресурсы:

8 голосов
/ 21 апреля 2010

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

Что такое Модернизр?

Modernizr - это небольшая и простая библиотека JavaScript, которая помогает вам использовать преимущества новых веб-технологий (CSS3, HTML 5), сохраняя при этом высокий уровень контроля над старыми браузерами, которые еще могут не поддерживать эти новые технологии.

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

Кроме того, Modernizr создает глобальный объект JavaScript с одноименным названием, который содержит свойства для каждой функции; если браузер его поддерживает, свойство будет оценивать true, а если нет, то будет false.

Наконец, Modernizr также добавляет поддержку стилизации элементов HTML 5. Это позволяет вам использовать более семантические, ориентированные на будущее элементы, такие как <section>, <header> и <dialog>, не беспокоясь о том, что они не работают в Internet Explorer.

Что Модернизр не делает

Modernizr не добавляет недостающую функциональность в браузеры; вместо этого он обнаруживает собственную доступность функций и предлагает вам способ поддерживать хороший уровень контроля над вашим сайтом независимо от возможностей браузера.

Я прочитал об этом в Погружение в HTML5

Некоторые образцы: 

if (Modernizr.canvas) {
  // let's draw some shapes!
} else {
  // no native canvas support available :(
}

if (Modernizr.video) {
  // let's play some video!
} else {
  // no native video support available :(
  // maybe check for QuickTime® or Flash® instead
}

if (Modernizr.localstorage) {
  // window.localStorage is available!
} else {
  // no native support for local storage :(
  // maybe try Gears or another third-party solution
}

if (Modernizr.webworkers) {
  // window.Worker is available!
} else {
  // no native support for web workers :(
  // maybe try Gears or another third-party solution
}

if (Modernizr.applicationcache) {
  // window.applicationCache is available!
} else {
  // no native support for offline :(
  // maybe try Gears or another third-party solution
}

if (Modernizr.geolocation) {
  // let's find out where you are!
} else {
  // no native geolocation support available :(
  // maybe try Gears or another third-party solution
}
...

Иногда веб-сайт предлагает альтернативные методы, такие как Explorercanvas (excanvas.js) для IE или geo.js для геолокации

...