Articles for June 2009
-
add some ambiance to your videos
Note: this post was originally posted to the silverorange labs blog and was written by Mike Gauthier. Mike and other people at silverorange put this demo together for the 35 days project and we thank them. Also note that the demo below is extremely CPU-intensive. If you’re interested in the effect and you don’t have […]
-
new CSS3 properties in Firefox 3.5 – nth-*
Firefox 3.5 supports several new CSS3 selectors. In this post we’ll talk about four of them: :nth-child, :nth-last-child, :nth-of-type and :nth-last-of-type. Each of these is called a Pseudo-class and can be used to apply styles to existing selectors. The best way to describe how this works is with some examples. :nth-child This pseudo-class lets you […]
-
using svg filters to display 3D data
This demo is from Hans Schmucker, who has made a large number of interesting demos using Firefox 3.5 features. Tomorrow we’ll also have another neat demo from him as well. Hans has used the CSS filter property and an SVG filter to do something really interesting – rendering a 3D perspective from Voxel data. Hans’ […]
-
new CSS3 properties in Firefox 3.5 – *-of-type
In today’s feature post we’ll talk briefly about three new CSS3 pseudo-classes: only-of-type, first-of-type and last-of-type. These are all very similar to the *-nth classes we covered in an earlier post. first-of-type and last-of-type These two pseudo-classes allow you to select the first and last item in a list of siblings within a particular element. […]
-
Firefox 3.5 is out
Today we released Firefox 3.5, which as we said at the beginning of the 35 days project is a huge upgrade for both end users but also for the web. In the past we’ve always published a list of web developer features for a release. But the feature list for developers for 3.5 is so […]
-
using SVG and APNG to create an animated texture map
Yesterday we featured a demo that used SVG to map 3D data. Today we link to Hans’ next demo: dynamically textured animations in the browser. He uses the same techniques that he used in the previous post, but this time he’s taking an Animated PNG image and mapping a random image texture on top of […]
-
better security and performance with native JSON
The JavaScript Object Notation (JSON) mechanism for representing data has rapidly become an indispensable part of the web developer’s toolkit, allowing JavaScript applications to obtain and parse data intuitively, within scripts, with lightweight data encapsulation. Firefox 3.5 includes support for JSON natively by exposing a new primitive — window.JSON — to the top level object. […]
-
creating pop art with html5 video
This post is by Felipe Gomez, a long-time Mozilla contributor and really awesome dude. Felipe attends school in Brazil. This demo contains another interesting effect that can be done with the HTML5 elements present in Firefox 3.5. What better way to create a cool effect than mixing the open web with pop art? This demo […]
-
debugging painting with MozAfterPaint
This was originally posted by Robert O’Callahan in the Mozilla web-tech blog. It’s an interesting feature in Firefox 3.5 and is worth repeating here as part of our 35 days effort. In addition, Thomas Robinson has created a very handy bookmarklet for debugging painting on a page you’ve loaded in the browser. Due to popular […]
-
exploring music with the audio tag
Today’s demo comes to us from Samuel Goldszmidt. He’s a web developer specializing in audio applications at Institut de Recherche et Coordination Acoustique/Musique (IRCAM). IRCAM is a European institute covering science, sound and avant garde electro-acoustical art music. The demo uses XML to describe the various segments of a piece of music – Florence Baschet’s […]
