-
47: Creating and modifying HTML
By stuartlangridge · Tuesday, February 3, 2009 2
When you have learned how to select specific HTML elements in the DOM using JavaScript, the next stage is to start modifying existing elements and adding new ones in response to user actions. In this article, Stuart Langridge show you how to do this by way of some classic examples, such as tabbed interfaces. Read more…
-
48: Dynamic style - manipulating CSS with JavaScript
By Greg Schechter · Tuesday, February 3, 2009 4
You can also use JavaScript to dynamically modify CSS via the CSS DOM to manipulate styles on the fly. In this article, Greg Schechter explains how. Read more…
-
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…