Сегодня наткнулся на такой пост -
Пример — часы на СSS3 без изображений и JavaScript. Там css-гуру
rassadin написал часы на чистом CSS3 (поиграться можно
здесь). Интересны эти часы тем, что автор написал их в нескольких версиях (уровнях совместимости):
- на чистом CSS3
- на CSS3 с префиксами
- на CSS3 с префиксами и костылями
Переключая эти режимы, можно оценить на сколько разные браузеры а точнее их движки) реализут стандарты CSS3, а также, что более интересно, качество реализации. Помимо переключения уровней совместимости, автор также сделал возможность изменять размер часов. Как пишет сам rassadin:
"You can choose one of following clock sizes to check and see more bugs (:".
Мне стало интересно, и я решил сравнить как себя поведут эти часы в разных браузерах (из тех, что у меня установлены). Для теста я выбрал версию с чистым стандартным CSS3 и размером в 25%.
Тестировались последние стабильные версии браузеров. ОС: Windows 7 SP1 x64. Итак результаты:
Chrome 25
Firefox 19
IE 10
Opera 12.14
Yandex.Browser 1.5
Как видно лучше всего с тестом справились IE 10 (Trident) и Firefox (Gecko). В MS хоть и не спешат с реализацией новых стандартов, но похоже делают это более качественно, чем конкуренты. Браузеры на движке WebKit, как и Opera с уже закончившим свой путь Presto, показали неудовлетворительеный результат.
