Какие новые возможности браузера доступны сегодня?

Question

Это 2009 год. Internet Explorer 8 наконец был выпущен, а Firefox - до 3,5. Многие из крупных браузеров начинают интегрировать функции из CSS3 и HTML 5 или уже давно это делают. Тем не менее, я обнаружил, что я развиваю веб-страницы точно так же, как и в 2005 году.

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

Как быстро определить, поддерживается ли функция CSS3 или HTML5 всеми основными современными браузерами?

Answer 1

Can I Use - это сайт, который отслеживает поддержку браузера для текущих и будущих веб-стандартов. Проверьте это, если вы хотите узнать, широко поддерживается ли данная функция.

Answer 2

Вставка шрифтов через CSS с использованием @font-face. Webkit/Safari поддерживает его с версии 3.1, Microsoft с IE4, Mozilla с Firefox 3.5 (browser support overview).

Кроме того, разнообразные реализации Selectors API, которые предоставляют браузерный механизм CSS-селектора для использования в сценариях DOM.

Для других примеров, When Can I Use..., кажется, очень хорошая рекомендация.

Answer 3

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

Справочные документы:

• Mozilla Firefox
• Internet Explorer

Answer 4

Я бы сказал, дисплей: стол и ряд CSS2.1 селекторов являются большие выигрыши для дизайнеров. display: table решает некоторые неразрешимые или сложные макеты, такие как высота 100% и внутренние границы, без нарушения семантики и использования фактических таблиц.

Несколько классов (.c1.c2)

Я использую мин/макс-ширина/высота много.

Также работает: зависание и! Важны удивительные.

Я бы хотел добавить поддержку SVG в этот список, но, естественно, Microsoft испортила это.

BTW, большое предупреждение тем, кто волнуется о функциях HTML5. Официальной даты принятия этой спецификации нет. Это даже подразумевается, что это может занять еще 10 лет (хотя я в этом сомневаюсь). Дело в том, что все, что вы делаете с HTML5, теперь подвержено поломке, когда официальная спецификация действительно прибывает, и тем временем вы можете ожидать множество несоответствий браузера, ошибок и изменений API (не говоря уже о браузерах, которые вообще не поддерживают функции) ,