10 замечательных примеров применения HTML5 и CSS3

5 августа 2010 года, Размещено в категории: HTML / CSS

html5 css3

Сегодня я хочу Вам показать 10 примеров чудесного применения HTML5 и CSS3.
Эти примеры Вам помогут, увидите силу HTML5 и CSS3. Я надеюсь, что Вам  понравится такое креативное применение CSS3.

Но прежде чем начать просмотр примеров, убедитесь, что у вас установлена последняя версия браузера, желательно последняя версия FireFox, Chrome или  Safari.

Coke Can
coke can

Solar System
solar system

Colourful Clock
colourful clock

Pacman
pacman

3D Bar Chart
3d bar

CoverFlow
coverFlow

GoogleBox
googleBox

Sildenafill
slidenafill

A Tribute to the Beatles
beatles

Bar Chart
bar Chart

Больше всего мне понравились Пекмен (15хв. шпилил), галактика и банка с колой.
Не знаю как Вас, а меня уже вставляет от CSS3 :)
Кстати я недавно писал, как можно Internet Explorer научить понимать CSS3, это так для заметки.



Интересно будет почитать:



  1. TiamatInc Сказал:

    Коробочка с поиском от Гугла повеселила, оригинально придумано.

  2. Лицо исполнителя из Битлов собирается так, что просто офигеть! И никакой нагрузки на странице не чувствуется вообще! html5 — поистине чудо, заменяющее и JS и Flash и несущее нас в прекрасное светлое будущее без подвисающего ФФ )

    • MagNum Сказал:

      Интересно, как ты себе представляешь HTML5 без JS))) Те же битлы только благодаря JS и работают

  3. Санёк Сказал:

    Это конечно все весело, но многое проще решить иными путями. Например банку можно сделать на флеш. Не вижу пока что практического применения этому, к тому же написать такое на CSS3 и HTML5 наверняка не просто.

  4. Akceptor Сказал:

    С банкой прикольно получилось. Ну и с Битлами понравилось — идея хорошая.

  5. Виктор Фомин Сказал:

    GoogleBox вообще супер и главное же работает. А CocaCola вообще шедевр, даже не верится, что это возможно.

  6. evgen Сказал:

    Google рулит

  7. Vadim Сказал:

    Круто! Особенно пакман и банка колы :)

  8. BloggerMen Сказал:

    Впечатляет…
    Но GoogleBox вне конкуренции :)

  9. Flip Zeal Сказал:

    прикольно, жаль только что пакман глючит:)

    • Webchester Сказал:

      Flip Zeal:
      Это и за вашего браузера глючит, попробуйте на ff3.6 там все прекрасно работает.

  10. Flip Zeal Сказал:

    хм, ч пробовал и в опере и с Firefox — результат тот же… двигается только один чудик + мой пакман… чудик не может схавать пакмана когда я наежает на него + хавая большие точки чудики не становятся синими и их нельзя сожрать(
    ну короче, с точки зрения CSS3 труда проделанного — 5, с точки зрение гейм процесса — фейл…

    • Webchester Сказал:

      Flip Zeal:
      Точно какая то херня с пекманом, в ff вообще взбесился, такой быстрый стал, может автор, что-то там нахимичил, когда я делал эту подборку, кажется все работало.

  11. Flip Zeal Сказал:

    ну скорость тут зависит от системы… я вчера на нетбуке пробовал — медленный до ужаса, на ноуте рабочем — летает))

  12. HiTek Сказал:

    Шикарно. Скоро все перекочует в браузеры и Интернет. :)

  13. cherny Сказал:

    Прикольно, хорошо придумано

  14. Вячеслав Сказал:

    Я сам начал это изучать, очень прикольно получается!!!

Прокомментировать

Метки: ,