Blog

Firefox 3.1 Alpha Video Demo

Ars Technica reports on the 3.1 Alpha of Firefox, which includes support for the HTML 5 Video element which provides some functionality to developers that is not possible with Flash. Video can be interspersed with other web content, playback can be manipulated with JavaScript, and video elements can be directly accessed through the document object model.

Bluish Coder demonstrates the Video tag in SVG to implement a Silverlight style demo in Firefox 3.1 alpha. The demo shows transparent layers of videos that can be dragged, moved, and resized.

http://arstechnica.com/news.ars/post/20080905-first-look-firefox-3-1-alpha-2-officially-released.html

3 JQuery Methods for Interactive Menu Effects

3 recent articles show how to get interactive effects on menus, proving that you don't need Flash for this kind of simple interactivity.

  • Dave Shea's tutorial in ALA shows how to create interactive menu hover effects using CSS sprites and the JQuery Javascript library. A sprite image is a single graphic with multiple states mapped on the graphic, a technique borrowed from game design, where game characters are shown in different states of action. Shea's tutorial extends the use of Bauman's sliding doors sprite method for navigation buttons by adding transitional effects on the graphics.
  • ShopDev reverse-engineers the interactive menus used on Dragon Interactive and shows how to pull it off using JQuery.
  • Bedrich Rios' demo and tutorial in NETTUTS shows how to create a Moo-tools inspired sidebar navigation menu.

http://www.alistapart.com/articles/sprites2