Hamoye.com – WordPress сайт с HTML5 и CSS3
Этот краткий обзор посвящён вебсайту http://hamoye.com, выполненному в модном нынче “материальном” дизайне с интегрированное анимацией. Вебсайт создан на базе платформы WordPress и имеет оригинальную тему, написанную с нуля. Традиционно дизайн готовился в PhotoShop, причём прорабатывался до уровня ручек и ножек мелких человечков, которым предстояло ожить на сайте.
По структуре выполнен в модном сегодня формате посадочной страницы (landing page) со 100-процентной шириной страницы. Обязательное требование мобильной адаптивности также выполнено – https://www.google.com/webmasters/tools/mobile-friendly/?url=http%3A%2F%2Fhamoye.com%2F
Сайт оптимизирован под мобильные устройства и Google этому рад – по крайней мере не понизит в выдаче мобильных сайтов, что есть гуд!
Изюминкой вебсайта является его анимация, которая реализована на HTML5 и CSS3 с применением @keyframes свойств. При описании поведения элементов графики был задействован Google Web Designer, о котором более подробно изложено здесь
Одной из главных причин перехода с Flash на HTML5 и CSS3 есть прекращение поддержки Flash на Apple-устройствах. Понятно, что CSS открывается в любом браузере, требует очень мало ресурсов, а главное, анимированные объекты замечательно сотрудничают с JavaScript – это позволяет повесить на них слушатели (listeners) и добавить обработчики на клик, mousemove и т.д. Т.е., наши возможности неограниченны и крос-браузерны!
На сайте hamoye.com работает интегрированный блог с возможностью оставлять комментарии. Для защиты от спама применяется reCAPTCHA от Google.
Сайт получился таким, как его хотел увидеть заказчик – минималистичным и современным. Вскоре вышел и новый релиз ресурса – на момент чтения этого поста, возможно, вы уже увидите его обновление!