WebDesign.Doc - электронная библиотека веб-мастера: Выпуск 234
WEbDESiGN.doc // №234
Приветствую, дорогие друзья и коллеги!
читайте в этом выпуске:
Новости
Microsoft предлагает рождественские демонстрации HTML5
Мастерская
Удивительный JavaScript. Графические эффекты
Смотри и учись!
"JavaScript+jQuery для начинающих в видеоформате"
→ рекомендую:Очисти компьютер от мусора! Тормозит компьютер? Оптимизируй Windows! Удали ненужные программы. Очисти реестр. Обнаружь и удали вирусы. Избавься от ошибок и постоянных сбоев. Ускорь загрузку и работу всех программ. Ускорь работу компьютера! Ваш компьютер будет работать как новый! Проверено! Подробнее...
Новости
Microsoft предлагает рождественские демонстрации HTML5
Microsoft, как известно, активно продвигает свой новый браузер Internet Explorer 9 и технологии, связанные с HTML5. К Рождеству компания подготовила новые HTML5-демонстрации Santa Workshop и HTML5 Blizzard, созданные для браузеров, поддерживающих аппаратное ускорение HTML5.
В первом тесте
«Мастерская Санты» проверяется производительность браузера. Чем мощнее браузер и ПК, тем больше эльфов может помогать Санта-Клаусу собирать мешок с подарками. В тесте используется HTML5, графика SVG и HTML5-аудио. Демонстрация также требует поддержки ECMAscript 5 и, возможно, обновления браузера. Microsoft предложит либо IE9 Beta, либо IE9 Platform Preview.
Тест
«HTML5 Пурга», как и предыдущий, создан для проверки производительности. Точно так же, как и в первом случае, чем быстрее система и браузер, тем больше пользователь увидит падающих снежинок. В демонстрации используется HTML5 canvas, SVG, звук, CSS3 и шрифты в формате Web Open Font.
Хотя Silverlight рассматривается многими в качестве конкурента HTML5, компания Microsoft считает, что обеим технологиям найдётся место на рынке, и они будут дополнять друг друга.
Мастерская
Удивительный JavaScript. Графические эффекты
Скорее всего, в демонстрации графических эффектов нет никакой
практической пользы. Однако все они являются прекрасной демонстрацией
возможностей JavaScript. Никакого Flash, только использование
операторов языка программирования и функций. Впечатляющие перспективы
использования JavaScript, которые открывают дорогу для новых, ранее
недоступных для веб-проектов, сфер использования. Кажется невероятным
тот факт, что еще несколько лет назад создание таких графических
приложений было невозможным на JavaScript.
Итак - смотрим! Лучше всего для просмотра демонстраций
использовать браузер Chrome, потому что он обладает наилучшим на
сегодняшний день механизмом интерпретации JavaScript.
Canopy - это масштабируемый фрактал в
векторном стиле. Нажмите "play" чтобы начать
путешествие, нажатие на кнопку мыши ускоряет процесс. Использование
опций "Mutation" (мутация) и
"Bloom" (цветок) превращает дерево в странную
структуру.
Вначале появляются шары в случайном порядке. Вы
можете создать новые шары (нажав кнопку мыши в пустом месте),
перемещать те, что уже есть, (перетаскивая мышью) и обновлять экран
(двойное нажатие кнопки мыши).
Приложение 3d Model Viewer реализовано на
Javascript и с использованием элемента canvas (HTML
5). Возможно просматривать 3D-модели (динозавр, корабль, вертолет),
вращать их, изменять цвет и прозрачность, добавлять эффект
"motion
blur".
300 шаров сначала располагаются на плоскости,
затем собираются в куб, затем собираются в модель вселенной, затем
становятся сферой и исчезают. Можно менять угол обзора
процесса.
Несколько рыбок собираются в косяк, чтобы обмануть хищника.
Курсор мыши - хищник для них, и они будут избегать его. Напугайте их,
но они все равно будут возвращаться.
Для изображения детского калейдоскопа
используются заполненные круги с установками прозрачности. Все
параметры выставляются случайным образом, схема постоянно
меняется.
Конечно, представленные графические эффекты,
скорее всего, не имеют практического применения. Но такая демонстрация
возможностей чрезвычайна полезна для инициации воображения разработчика
и генерации новых проектов с набором ранее недоступных функций.
Эти сайты настолько удобны, быстры и легки, что Вам приятно на них находиться. Обычно многие элементы таких сайтов работают без перезагрузки и здорово экономят время посетителей.
Возможно, Вы даже задавались вопросом «Как же делаются подобные вещи? Какие технологии позволяют добавлять все эти эффекты на сайты?».
На самом деле эта мощная технология называется JavaScript, которая в последние 2 года получила мощный импульс в своем развитии за счет появления так называемых фреймворков, самый популярный из которых называется jQuery.
Но самое важное для Вас заключается в том, что сегодня эти технологии стали доступными и Вам!
Надеюсь, что вам понравился этот выпуск рассылки и вы узнали что-то новое и полезное для себя. Если у вас есть пожелания или предложения как сделать рассылку лучше, присылайте их на наш e-mail:
webmastersoft@mail.ru
