-
49 - Handling events with JavaScript
By robnyman · Tuesday, February 3, 2009 42
You can't do anything with JavaScript in response to user actions without using events. In fact, they have featured in some of the previous articles without really being explained. In this article, Robert Nyman chronicles at the evolution of JavaScript/HTML events, before looking at how events are made to work across different browsers in modern JavaScripting. Concepts such as bubbling and event object references are covered. Read more…
-
50: JavaScript animation
By stuartlangridge · Tuesday, February 3, 2009 69
In this article Stuart Langridge explains the basics of how to animate HTML elements using JavaScript, to create useful user feedback and dynamic effects. Read more…
-
51: Graceful degradation versus progressive enhancement
By Christian Heilmann · Tuesday, February 3, 2009 8
Graceful degradation and progressive enhancement are two very important - related - concepts within web development. They are both related to unobtrusiveness, and the fact that your web sites should still offer all your users functionality that basically works, even if it doesn't look the same as it does on your browser. However there are differences between the two, and this article explains what they are, as well as looking at the basic concept of each. Read more…
-
Styling XFN and rel-license links
By Christopher Schmitt · Thursday, January 15, 2009 2
Microformats not only add valuable extra semantics to data, they also allow you some very interesting posibilities in terms of styling the data with CSS. In this article Christopher Schmitt shows you how to add custom icons to XFN and rel="license" links dynamically using attribute selectors. Read more…
-
Raphaël: a JavaScript API for SVG
By Dmitry Baranovskiy · Thursday, January 15, 2009 2
In this article, we have the pleasure of introducing you to Raphaël, a JavaScript API for SVG that not only allows you to write SVG functionality using JavaScript code, but also provides support for SVG in IE, by emulating it in VML. This is a great tool for introducing more people to the power of SVG, and we'd like to wish it every success. Read more…
-
HTML5 canvas - the basics
By Mihai Sucan · Thursday, January 8, 2009 78
HTML5 canvas is a powerful, flexible way to create two dimensional graphics on web pages using scripting, and a number of previous dev.opera.com articles have demonstrated usage of it already. This article goes back to basics, giving beginners a starting point to work from and explaining the basics. Get drawing! Read more…
-
Creating presentations/slideshows with HTML & CSS
By Till Halbach · Thursday, January 8, 2009 5
HTML and CSS is the most interoperable medium in which to create presentations/slideshows! In this article, Till Halbach proves it, giving you a review of what's available, and going through the basics of using Opera Show to create some simple example presentations. Read more…
-
MAMA scripting report, part 2: JavaScript and DOM tokenization
By Brian Wilson · Friday, December 19, 2008 2
...and so we face the final curtain ... for now. This article summarizes the last of the data set produced by MAMA phase 1. Here Brian Wilson looks at the method employed in MAMA to tokenize the script found on the web, and shares some of the results of most popular JavaScript/DOM keywords, methods, properties and objects found. Read more…