HTML5 изменяемые размеры сайтов - PullRequest
0 голосов
/ 12 марта 2012

Я пытаюсь создать сайт, который будет выглядеть одинаково (или, по крайней мере, очень похоже) даже с разными разрешениями.Я знаю, что это довольно просто сделать с Adobe Flash, но я как бы пытаюсь проникнуть во всю «сцену HTML5», поэтому я подумал, что мог бы попытаться создать ее без использования flash вообще.

Я знаюЯ могу изменить размер холста, чтобы он соответствовал окну браузера, в котором он просматривается, но могу ли я также изменить размеры изображений, текста и других HTML-структур, которые я размещаю внутри холста?Как s, s, s или изображения?

Я также собираюсь анимировать много вещей внутри самого сайта, поэтому я подумал, что сначала я могу спросить вас, ребята, считаете ли вы, что это возможно только с HTML5 (Canvas) или если бы я просто использовал Flash вместо этого.

Я знаю, что это не стандартная статья «Помоги мне отладить это», но это действительно помогло бы мне, если бы вы, ребята, могли поделиться некоторыми знаниями.

Заранее спасибо.

1 Ответ

0 голосов
/ 12 марта 2012

Поскольку это не прямой вопрос, я не чувствую себя обязанным давать прямой ответ, но в последнее время я тоже сам разбираюсь в этом, поскольку в HTML5 так много ажиотажа. Хотя это немного не по теме, Тед Патрик недавно пришел ко мне на работу, чтобы продвигать Sencha Touch и Ext.js, на которого он сейчас работает, но в любом случае это было для меня своего рода депрессией, так как я читал некоторые посты Теда о Сгибайся, когда влезаю в него сам. Как бы то ни было, кроме истории, вот несколько ресурсов, которые помогут:

http://www.sencha.com/ http://www.htmlfivewow.com

Я сам еще не использовал ProcessingJS, но в прошлом я сам использовал Processing для визуализации данных последовательных данных, считываемых с Arduino (на основе сенсорного ввода, опять же не по теме), а сама обработка очень близко к Flash относительно рисунка:

http://processingjs.org/

Я думаю, что если вы хотите сделать это очень быстро, вы, вероятно, захотите просто положиться на свой текущий набор навыков. Если вы не беспокоитесь о том, чтобы быстро это продвигать, потратьте некоторое время на изучение дополнительных инструментов HTML5 / Javascript / CSS3 / frameworks / constructs / books. Честно говоря, сам по себе HTML5 вроде как ноль, основные изменения касаются CSS3 в отношении переходов и объектов DOM в отношении новых веб-сокетов Canvas WebGL и т. Д. Проблема не в том, что каждый браузер реализует эти новые правила одинаково (аналогично до HTML4 и ранее), так что все еще будет некоторая проверка для браузеров и необходимых запасных вариантов. Что касается самого HTML5, из того, что я прочитал, по сути, было проведено сканирование существующих сайтов на предмет атрибутов id, и вещи, которые были очень популярны, поскольку идентификаторы для div теперь стали собственными тегами, в основном для поисковых систем, программ чтения с экрана и других технологии, которые могли бы воспользоваться пониманием смысла разделов вашей страницы (семантика). Другая вещь, которую это позволяет делать, это заботиться о таких вещах, как локализация временных меток и тому подобного. Из демонстраций, которые я видел, я не сомневаюсь, что вы можете добиться аналогичных, если не лучших результатов, используя HTML5 и javascript, однако, точно так же, как при написании веб-приложения, использующего только AS3 без Flex или любых других фреймворков, для которых ваша работа будет сокращена. вы.

Также необходимо знать о некоторых потенциальных подводных камнях:

  1. Нужно написать специальный код браузера (также известный как трата времени).

  2. Производительность не так велика, как следует учитывать количество негативного света, излучаемого на Flash в отношении производительности. Я видел простые примеры HTML5, которые работают как мусор, даже используя Google Chrome, который имеет лучшую виртуальную машину javascript под названием V8 и использует Web-Kit (тот же механизм рендеринга HTML, что и Safari, но они различаются по версиям). Суть в том, что Javascript не хуже, чем AS3, с точки зрения производительности во время выполнения, но это не какой-то волшебный молот, который все делает правильно, даже если вы отдаете его обезьяне (при условии, что обезьяна не обучена использовать молот).

  3. Будьте осторожны с проблемами кодеков видео / совместимости между браузерами (если вы имеете дело с видеоконтентом).

  4. Изучите ваши варианты в отношении серверных технологий перед началом работы (это не совсем провал, но может случиться, если вы не прислушиваетесь к советам). Node.js кажется довольно многообещающим вариантом (я не думаю, что он достаточно надежен для слабонервных, но если вам нравится кодировать и видеть, как все происходит, это хороший способ сохранить все на одном языке ... вроде), в качестве альтернативы вы можете использовать конвертеры AMF в JS, чтобы продолжать использовать BlazeDS. Также следует помнить о дополнительных затратах, связанных с использованием JSON вместо сериализации AMF3, это не так уж сложно в мире с высокой пропускной способностью, в котором мы живем, но, учитывая постоянно растущий мобильный мир (и огромные мобильные сети), это то, что нужно учитывать ( чтобы быть справедливым в этом вопросе, gzipped Dojo JSON, какой бы он ни был, кажется, почти на уровне AMF3).

http://www.jamesward.com/census2/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...