Web Тактика: дизайн, создание, развитие сайтов | +7 916 555-90-78
Создание сайта логистической компании Адонаи Логистик
Адонаи Логистик (демо) – сайт логистической компании, услуги международных грузоперевозок и факторинга. Дизайн с презентационной анимацией автоматически адаптируется под наличие плагина flash в браузерах. Версия дизайна с Flash анимацией имеет сценарий с контролем режима загрузки файла. Даже при значительном размере анимации, сценарий (серия циклов) и потоковая загрузка позволяют начать показ ролика сразу (без ожидания окончательной загрузки). Это позволяет использовать большие презентации в дизайне сайта, без необходимости ожидания окончательной загрузки.
Альтернативный дизайн на чистом HTML5 + CSS3, даже без jQuery (и без загрузки библиотек), с урезанной графикой. Но даже в такой ситуации он не может сравниться в скорости загрузки – большая презентация и кадры весят на много больше. И отсутствует возможность контролировать потоковую загрузку сценарием анимации. А возможности анимации Flash во много раз больше и функциональней.
Данный пример наглядно показывает разницу между технологиями. Попробуйте посмотреть сайт с включённым и отключённым плагином Flash player (или браузерами с Flash и без). Устаревшая технология Flash на много эффективней и имеет больше возможностей для оформления, чем современный стандарт HTML5. Вариант на HTML5 (пытающийся повторить туже анимацию) значительно уступает в возможностях сценария, уступает в весе (общих размерах файлов), контроле режима загрузки. Попытка ещё более точно повторить Flash версию анимации на технологии HTML5 значительно увеличит общий вес файлов и потребует использования библиотек jQuery. Но тогда, ни о какой экономии веса и процессорной нагрузке не может быть и речи. А разница между этими технологиями оформления - более 10 лет!
Адонаи Логистик (демо) – здесь вы можете посмотреть действующие шаблоны. Но, если у вас не включён плагин Adobe Flash Player, на странице автоматически сработает технология адаптированной анимации сайта, и вы увидите упрощённую HTML+CSS анимацию.
Видео, демонстрирующее работу Flash анимации на странице (детализированное качество изображений на 1080p HD):