35 Days Articles
-
animating SVG with canvas and burst
Today’s demo is short, but it also includes a long screencast that describes how it’s put together. The demo’s author, Alistair MacDonald (@F1LT3R), is one of the maintainers of Processing.js and the Burst engine, which is the basis for today’s demo and tutorial. If you haven’t clicked through to his site, I strongly suggest that […]
-
the tristan washing machine
This is another demo from Paul Rouget. It’s a very simple demonstration of what you can do when you combine video, SVG and some fun transformations. View the Demo in Firefox 3.5 This puts a HTML5-based <video> element into an SVG document like so: Lots of code and many attributes removed for clarity. Please view […]
-
DOM selectors API in Firefox 3.5
The Selectors API recommendation, published by the W3C, is a relatively new effort that gives JavaScript developers the ability to find DOM elements on a page using CSS selectors. This single API takes the complicated process of traversing and selecting elements from the DOM and unifies it under a simple unified interface. Out of all […]
-
using web workers: working smarter, not harder
This article is written by Malte Ubl, who has done a lot of great work with using Web Workers as part of the bespin project. In recent years, the user experience of web applications has grown richer and richer. In-browser applications like GMail, Meebo and Bespin give us an impression of how the web will […]
-
video – more than just a tag
This article is written by Paul Rouget, Mozilla contributor and purveyor of extraordinary Open Web demos. Starting with Firefox 3.5, you can embed a video in a web page like an image. This means video is now a part of the document, and finally, a first class citizen of the Open Web. Like all other […]
-
pushing pixels with canvas
This post was written by Paul Rouget, who is a member of the Mozilla Evangelism team. Paul lives in Paris, France and is well known for some of his amazing work with open video on the web among other things. Canvas, at its most simple level, is an easy way to draw bitmap data into […]
-
another great CSS media query demo
This demo is from Daniel Glazman who works actively on web standards and is a long-time mozilla contributor. CSS Media Queries were originally a proposal submitted to the CSS Working Group by Opera Software and are now implemented in Firefox 3.5. In short, Media Queries extend the media declaration attached to a stylesheet to allow […]
-
the text-shadow spotlight
Zachary Johnson has put together another fun demo. He’s using some JavaScript and the new <a href="http://hacks.mozilla.org/2009/06/text-shadow/">text-shadow</a> property to build a spotlight effect. It’s embedded below. If you can’t view it, click through to his post. View the Demo in Firefox 3.5
-
shadow boxing with -moz-box-shadow
Another fun CSS3 feature that’s been implemented in Firefox 3.5 is box shadows. This feature allows the casting of a drop “shadow” from the frame of almost any arbitrary element. As the CSS3 box shadow property is still a work in progress, however, it’s been implemented as -moz-box-shadow in Firefox. This is how Mozilla tests […]
-
the script defer attribute
This post is by Olivier Rochard. Olivier does research at Orange Labs in France. In HTML, the script element allows authors to include dynamic script in their documents. The defer attribute is boolean attribute that indicates how the script should be executed. If the defer attribute is present, then the script is executed when the […]