Хорошая демонстрация новых возможностей HTML5 и CSS3 от Apple

Отличная демонстрация связки HTML5, CSS3 и JavaScript.
В демонстрации вы можете увидеть видео которое воспроизводится, а так же плавно масштабируемые в реальном времени. Работа с текстом: изменением шрифта, цвета, межбуквенного расстояния, прозрачности, изменением вертикального положения линий текста по отношению к центру строки, поворот. Кроме этого, в примере можно увидеть анимацию изображений на примере фотогалереи. И еще много-много чего нового и интересного.

Пример здесь: http://developer.apple.com/safaridemos/
Здесь видео: http://www.youtube.com/watch?v=eAy-nKUwMLg&feature=player_embedded

Меня, как разработчика, развитие HTML5 и CSS3 очень интересует. Очень интересно все это использовать при разработке курсов.

Ну что? Эра Flash'а подошла к конце? А нетушки, уверен, у Adobe есть отличный ответ ;) Ждем развитие истории...

Создание диаграмм без флеша

После публикации одной из моих статей было обсуждение бесплатных темплейтов для создания сложных диаграмм. В продолжении, хочу представить хорошую подборку бесплатных JavaScript библиотек для построения диаграмм:

../15-amazing-javascript-chart-solutions.html

Здесь вы найдете около 15 классных, полнофункциональных и бесплатных библиотек с помощью которых можно делать интересные интерактивы для ваших курсов.

Что бы вы сразу смогли оценить их, хочу показать вам несколько примеров:

- http://www.danvk.org/dygraphs/tests/draw-points.html

- http://thejit.org/demos/

- http://dragan.yourtree.org/code/canvas-3d-graph/

- http://vis.stanford.edu/protovis/ex/antibiotics-burtin.html

Примеры создания интерактивов с помощью Javascript

В продолжении серии статей о разработке JavaScript объектов для курсов, хочу предложить вам еще несколько библиотек с помощью которых можно делать интересные и интерактивные объекты, не используя Flash )

Полную статью можно найти здесь: http://ow.ly/1rWfp

Я же хочу привести примеры использования.

1. jFancyTile:

- страница с примером использования: jfancytile_a_jquery_tile_shifting_image_viewer_plugin

- пример: http://demo.marcofolio.net/jfancytile/

- сама библиотека: jfancytile/download

2. Making a Mosaic Slideshow With jQuery & CSS

- страница с примером использования: mosaic-slideshow-jquery-css

- пример: mosaic-slideshow-jquery-css/demo

- сама библиотека: mosaic-slideshow-jquery-css/demo.zip

3. CJ Flashy Slide Show 1.1
- страница с примером использования, там же и пример: cj-flashy-slide-show/1.1.0

4. jqFancyTransitions – Slideshow with strip effects
- страница с примером использования: http://workshop.rs/2009/12/image-gallery-with-fancy-transitions-effects/
- пример: http://workshop.rs/projects/jqfancytransitions/
- сама библиотека: http://code.google.com/p/jqfancytransitions/downloads/list

5. Nivo Slider – The Most awesome jQuery Image Slider
- страница с примером использования, там же и пример: http://nivo.dev7studios.com/
- сама библиотека: http://dev7studios.com/downloads/15

Интерактив: Moving Boxes

Недавно я рассказывал о jQuery библиотеке для создания анимации. Сейчас же предлагаю вашей внимании интерактив разработанный на той же библиотеке.

http://css-tricks.com/moving-boxes/

Там же есть еще 2 интерактива:
http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/
http://css-tricks.com/startstop-slider/

Если я все правильно понял, то их можно скачать и использовать у себя в курсах.

Кто то пробовал использовать такое?

Анимация с помощью JavaScript(jQuery)

Хоть я и большой сторонник флеш технологий, но развитие различный JavaScript библиотека не может не радовать.
В последнее время я достаточно часто стыкаюсь с такой библиотекой как jQuery.
И вот хочу привести пример как можно делать интерактивную анимацию без какого либо флеша!!
http://www.spritely.net/
Обратите внимание что на две черный птички можно кликать(выделать) и указывать куда им лететь. И никакого флеша. Кроме этого верхний фон тоже не флеш.

Вот несколько ссылок на jQuery:

- http://ru.wikipedia.org/wiki/JQuery

- http://jquery.com/

- http://www.rsdn.ru/article/inet/jQuery.xml

- http://anton.shevchuk.name/javascript/jquery-for-beginners/

- http://www.linkexchanger.su/category/jquery-dokumentaciya

На сколько я понимаю то многие средства разработки позволяют использовать JavaScript для курсов. Кто то пробовал делать что то подобное у себя в курсах?