В октябре состоялся конкурс на способности разработки веб-приложений под различные разрешения экранов устройств. В основе октябрьского дерби лежало требование использования разработчиками CSS Media Queries для создания приложений, которые можно использовать абсолютно на любых устройствах с любыми размерами экрана.
Разработчики представили 15 демонстраций, которые показывают чего можно достичь с использованием CSS Media Queries.
Так выглядит тройка победителей:
- Первое место: CSS3 Cherry Blossom – Media queries, 100 % CSS, 0 % JavaScript.
- Второе место: Santa’s Media Queries
- Третье место: Too many fish is the sea
- Все претенденты: October 2011 Dev Derby Challenge - CSS Media Queries
Демонстрация CSS3 Cherry Blossom
Стоит заострить внимание на демонстрации, которая заняла первое место - Cherry Blossom, в качестве основы был использован только CSS-код, ниодной строчки JavaScript, вся использованная анимация базируется на CSS Transition и Transform, при изменении размеров окна браузера веточка сакуры также увеличивается\уменьшается. По своему уникальное произведение искусства.
Просматривать демонстрации рекомендуется в свежей версии Firefox, Opera или Google Chrome.